タグ付けされた質問 「angularjs」

私はという角度のサービスを持っていますrequestNotificationChannel： app.factory("requestNotificationChannel", function($rootScope) { var _DELETE_MESSAGE_ = "_DELETE_MESSAGE_"; function deleteMessage(id, index) { $rootScope.$broadcast(_DELETE_MESSAGE_, { id: id, index: index }); }; return { deleteMessage: deleteMessage }; }); 私はジャスミンを使用してこのサービスを単体テストしようとしています： "use strict"; describe("Request Notification Channel", function() { var requestNotificationChannel, rootScope, scope; beforeEach(function(_requestNotificationChannel_) { module("messageAppModule"); inject(function($injector, _requestNotificationChannel_) { rootScope = $injector.get("$rootScope"); scope = rootScope.$new(); …

140 javascript  angularjs  unit-testing  asynchronous  jasmine 

<div class="recent" ng-repeat="reader in (filteredItems = (book.reader | orderBy: 'created_at' | limitTo: 1))"> </div> したがって、この本はRest APIからのものであり、多くのリーダーが添付されています。「最近」の読者を獲得したい。 このcreated_atフィールドには、ユーザーを最近のものとして識別する値があります。しかし、上記のコードは私に最も古い読者を与えます。したがって、順序を逆にする必要がありますか？降順で並べ替える方法はありますか？

139 angularjs  angularjs-filter 

特定のプロパティの値でオブジェクトのリストをフィルターするカスタムフィルターをAngularJSで作成しようとしています。この場合、「極性」プロパティ（「正」、「中性」、「負」の可能な値）でフィルタリングしたいと思います。 フィルターなしの私の作業コードは次のとおりです。 HTML： <div class="total"> <h2 id="totalTitle"></h2> <div>{{tweets.length}}</div> <div id="totalPos">{{tweets.length|posFilter}}</div> <div id="totalNeut">{{tweets.length|neutFilter}}</div> <div id="totalNeg">{{tweets.length|negFilter}}</div> </div> 以下は、JSON形式の "$ scope.tweets"配列です。 {{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", …

139 javascript  angularjs 

次のように、テンプレートに要素を追加するためのテンプレートをプルするディレクティブを取得しました。 # CoffeeScript .directive 'dashboardTable', -> controller: lineItemIndexCtrl templateUrl: "<%= asset_path('angular/templates/line_items/dashboard_rows.html') %>" (scope, element, attrs) -> element.parent('table#line_items').dataTable() console.log 'Just to make sure this is run' # HTML <table id="line_items"> <tbody dashboard-table> </tbody> </table> DataTablesというjQueryプラグインも使用しています。その一般的な使用法は次のとおりです：$（ 'table＃some_id'）。dataTable（）。JSONデータをdataTable（）呼び出しに渡してテーブルデータを提供できます。または、データをページ上に既に持っていて、残りの処理を実行できます。私は後者を行っており、行は既にHTMLページ上にあります。 しかし問題は、DOMの準備が整った後でtable＃line_itemsのdataTable（）を呼び出さなければならないことです。上記のディレクティブは、テンプレートがディレクティブの要素に追加される前にdataTable（）メソッドを呼び出します。追加後に関数を呼び出す方法はありますか？ ご協力ありがとうございました！ アンディの答えの後の更新1： linkメソッドがページ上にすべてある場合にのみ呼び出されるようにしたいので、少しテストのためにディレクティブを変更しました。 # CoffeeScript #angular.module(...) .directive 'dashboardTable', -> { link: (scope,element,attrs) -> console.log …

139 angularjs 

Angular JSを使用していて、ドロップダウンリストコントロールの選択したオプションをAngular JSを使用して設定する必要があります。これがばかげている場合は許してくださいが、私はAngular JSの初心者です これが私のhtmlのドロップダウンリストコントロールです <select ng-required="item.id==8 && item.quantity > 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"> </select> それが入力された後、私は得る <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required"> <option value="?" selected="selected"></option> <option value="0">set of …

139 angularjs  drop-down-menu  angular-ngmodel  selected 

コントローラーの型クラスを使用していくつかのデータを解析し、次のようにデータを取得しています。 { "data":{ "userList":[ { "id":1, "name":"soni" } ] }, "status":200, "config":{ "method":"POST", "transformRequest":[ null ], "transformResponse":[ null ], "url":"/home/main/module/userlist", "headers":{ "rt":"ajax", "Tenant":"Id:null", "Access-Handler":"Authorization:null", "Accept":"application/json, text/plain, */*" } }, "statusText":"OK" } このようなデータを保存してみました var userData = _data; var newData = JSON.parse(userData).data.userList; ユーザーリストを新しい変数に抽出するにはどうすればよいですか？

139 javascript  angularjs  json 

この手法を使用してデータをロードしています。そこで、次の解決関数を作成しました。 NoteController.resolve = { note: function($routeParams, Note) { return Note.get($routeParams.key); } } 問題はそれで$routeParams.keyあるundefined瞬間にresolve関数実行。それは正しい/バグですか？どうすれば修正できますか？

138 angularjs 

サービスから受け取ったすべてのデータをローカル変数、コントローラー、またはスコープに直接保存しています。浅いコピーと見なされると思いますが、それは正しいですか？ Example: DataService.callFunction() .then(function(response) { $scope.example = response.data; }); 最近私は、深いコピーを作成するためにangular.copyを使用するように言われました。 $scope.example = angular.copy(response.data); ただし、ディープコピー情報は、Angularアプリケーションで使用した場合と同じように機能しているようです。ディープコピー（angular.copy）を使用することには特定の利点がありますか、それを説明していただけますか？

136 javascript  angularjs  deep-copy  shallow-copy 

それぞれグループに所属している選手のリストがあります。フィルターを使用してグループごとのユーザーを一覧表示するにはどうすればよいですか？ [{name: 'Gene', team: 'team alpha'}, {name: 'George', team: 'team beta'}, {name: 'Steve', team: 'team gamma'}, {name: 'Paula', team: 'team beta'}, {name: 'Scruath of the 5th sector', team: 'team gamma'}]; 私はこの結果を探しています： チームアルファ 遺伝子 チームベータ ジョージ ポーラ チームガンマ スティーブ 第5セクターのスクラース

136 javascript  filter  angularjs  grouping 

私のAngularJSアプリケーションは、ユーザーのLinkedInプロファイルにアクセスできる必要があります。そのためには、コールバックのredirect_uriパラメーターを含むLinkedIn URLにユーザーをリダイレクトする必要があります。これにより、LinkedInはユーザーをWebアプリケーションにリダイレクトし直し、URLに「コード」クエリパラメーターを含めます。これは従来のOauth 2.0フローです。 LinkedInがユーザーを次のURLにリダイレクトすることを除いて、すべてがうまく機能します。 http://localhost:8080/?code=XXX&state=YYY#/users/123/providers/LinkedIn/social-sites ?code=XXX&state=YYYきれいにするためにURL から削除したいと思います。ユーザーは、LinkedInリダイレクトから受け取ったクエリパラメーターを表示する必要はありません。 を試しました$location.absUrl($location.path() + $location.hash()).replace()が、クエリパラメータがURLに保持されています。 また、を使用して、 "code"などのクエリパラメータを抽出できません($location.search()).code。持ってるみたい？上記のURLの＃の前がAngularをだます。

135 angularjs 

更新： この投稿の将来の視聴者を支援するために、私はこのplumaの回答のデモを作成しました。 質問： 私の目標はかなり簡単なようです。 step(1) .then(function() { return step(2); }, function() { stepError(1); return $q.reject(); }) .then(function() { }, function() { stepError(2); }); function step(n) { var deferred = $q.defer(); //fail on step 1 (n === 1) ? deferred.reject() : deferred.resolve(); return deferred.promise; } function stepError(n) { console.log(n); } ここでの問題は、ステップ1で失敗すると、stepError(1)ANDとANDの両方stepError(2)が実行されることです。私はしていない場合はreturn …

135 javascript  angularjs  promise 

filterin angular を使用し、複数の値をフィルター処理したいのですが、いずれかの値がある場合は表示する必要があります。 私は例えばこの構造を持っています： オブジェクトmovieプロパティを持っているgenresと私はフィルタリングするActionとComedy。 できることはわかっていますがfilter:({genres: 'Action'} || {genres: 'Comedy'})、動的にフィルタリングする場合はどうすればよいですか。例えばfilter: variableX フィルターする必要があるジャンルの配列がある場合variableX、$scopeでどのように設定しますか？ 文字列として作成してから実行するeval()こともできますが、eval（）を使用したくありません...

135 javascript  angularjs  angularjs-ng-repeat 

<a ng-href="#" class="navbar-brand" title="home" data-translate>PORTAL_NAME</a> ページをリロードしたい。これどうやってするの？

135 angularjs  angularjs-scope 

オブジェクトのプロパティの値をレンダリングすることに加えて、プロパティ名をラベルとしてレンダリングしたいと思います。これを行う方法はありng-repeatますか？例えば： <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> これは次のようなものを吐くかもしれません： <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

134 angularjs  angularjs-ng-repeat 

ユーザーの名前とスコアを繰り返し表示する次のコードがあります。 <div ng-controller="AngularCtrl" ng-app> <div ng-repeat="user in users | orderBy:predicate:reverse | limitTo:10"> <div ng-init="user.score=user.id+1"> {{user.name}} and {{user.score}} </div> </div> </div> そして、対応する角度コントローラ。 function AngularCtrl($scope) { $scope.predicate = 'score'; $scope.reverse = true; $scope.users = [{id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, …

134 angularjs  javascript-framework