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

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

10
Angular ng-repeat Error「リピーターの重複は許可されていません。」
私はそのようにカスタムフィルターを定義しています: <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; }; }); …

7
ng-repeat内のng-click関数にパラメーターを追加しても機能しないようです
私は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ますか?

4
ng-repeatのカスタムソート関数
ユーザーが選択したオプションに応じて特定の数を表示するタイルのセットがあります。ここで、表示されている数値による並べ替えを実装したいと思います。 以下のコードは、私がそれをどのように実装したかを示しています(親カードのスコープで値を取得/設定することにより)。さて、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 = [ …

8
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)でフィルタリングするにはどうすればよいですか?

18
Angular ng-repeat add bootstrap row every 3 or 4 cols
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> …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.