Questions tagged «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'); } } 但是不知何故，它向我展示了所有物品。如何筛选（键，值）？

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> 但它每行只显示一个产品。我想要的最终结果是： <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 

我是AngularJS的新手，我正在构建一个小型的概念验证租车清单应用程序，该应用程序会提取一些JSON，并通过ng-repeat并使用几个过滤器来呈现这些数据的各个部分： <article data-ng-repeat="result in results | filter:search" class="result"> <header><h3>{{result.carType.name}}, {{result.carDetails.doors}} door, £{{result.price.value}} - {{ result.company.name }}</h3></header> <ul class="result-features"> <li>{{result.carDetails.hireDuration}} day hire</li> <li data-ng-show="result.carDetails.airCon">Air conditioning</li> <li data-ng-show="result.carDetails.unlimitedMileage">Unlimited Mileage</li> <li data-ng-show="result.carDetails.theftProtection">Theft Protection</li> </ul> </article> <h2>Filters</h2> <h4>Doors:</h4> <select data-ng-model="search.carDetails"> <option value="">All</option> <option value="2">2</option> <option value="4">4</option> <option value="9">9</option> </select> <h4>Provider:</h4> Atlas Choice <input type="checkbox" …

70 angularjs  ng-repeat  angular-filters