タグ付けされた質問 「ng-repeat」

ng-repeatを使用して繰り返し使用している製品の配列があります。 <div ng-repeat="product in products | filter:by_colour"> これらの製品を色でフィルタリングします。フィルターは機能していますが、製品名/説明などに色が含まれている場合、フィルターを適用しても製品は残ります。 すべてのフィールドではなく、配列のカラーフィールドにのみ適用するようにフィルターを設定するにはどうすればよいですか？

484 angularjs  ng-repeat  angularjs-filter 

私はそのようにカスタムフィルターを定義しています： <div class="idea item" ng-repeat="item in items" isoatom> <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2"> .... </div> </div> ご覧のように、フィルターが使用されているng-repeatは別のng-repeat内にネストされています フィルターは次のように定義されています。 myapp.filter('range', function() { return function(input, min, max) { min = parseInt(min); //Make string input int max = parseInt(max); for (var i=min; i<max; i++) input.push(i); return input; }; }); …

472 angularjs  ng-repeat 

私はng-repeatこのような単純なループを持っています： <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> コントローラには機能があります$scope.removeTask(taskID)。 私の知る限り、Angularは最初にビューをレンダリングし、補間{{task.id}}して数値に置き換え、次にクリックイベントでng-click文字列を評価します。 この場合ng-click、期待どおりの結果が得ng-click="removeTask(5)".られます。つまり、何もしていません。 もちろんtask.id、$tasks配列やDOM から取得するコードを書くこともできますが、これはAngularの方法のようには見えません。 では、ループng-click内のディレクティブに動的コンテンツをどのように追加できng-repeatますか？

386 angularjs  ng-repeat  angularjs-ng-click 

ユーザーが選択したオプションに応じて特定の数を表示するタイルのセットがあります。ここで、表示されている数値による並べ替えを実装したいと思います。 以下のコードは、私がそれをどのように実装したかを示しています（親カードのスコープで値を取得/設定することにより）。さて、orderBy関数は文字列を受け取るため、curOptionValueと呼ばれるカードスコープに変数を設定して並べ替えようとしましたが、機能しないようです。 だから問題は、どうやってカスタムソート関数を作成するのですか？ <div ng-controller="aggViewport" > <div class="btn-group" > <button ng-click="setOption(opt.name)" ng-repeat="opt in optList" class="btn active">{{opt.name}}</button> </div> <div id="container" iso-grid width="500px" height="500px"> <div ng-repeat="card in cards" class="item {{card.class}}" ng-controller="aggCardController"> <table width="100%"> <tr> <td align="center"> <h4>{{card.name}}</h4> </td> </tr> <tr> <td align="center"><h2>{{getOption()}}</h2></td> </tr> </table> </div> </div> およびコントローラー： module.controller('aggViewport',['$scope','$location',function($scope,$location) { $scope.cards = [ …

113 angularjs  ng-repeat 

私は次のようなことをやろうとしています： <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJsパーツ： function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } しかし、どういうわけか、それは私にすべてのアイテムを見せています。（key、value）でフィルタリングするにはどうすればよいですか？

113 javascript  angularjs  frameworks  ng-repeat  angular-filters 

3列ごとにブートストラップ行クラスを挿入するための正しいパターンを探しています。colsには固定された高さがありません（そして私はそれを修正したくない）ため、これが必要です。そのため、デザインが壊れます。 これが私のコードです： <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> ただし、各行に表示される製品は1つだけです。私が最終結果として欲しいのは： <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> </div> <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat