我是一个AngularJS新手,我正在构建一个小概念验证汽车租赁列表应用程序,该应用程序引入一些JSON并通过ng呈现该数据的各个位-repeat,与一对夫妇的过滤器:AngularJS:自定义过滤器和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" data-ng-model="search.company" ng-true-value="Atlas Choice" ng-false-value="" value="Atlas Choice" /><br>
Holiday Autos <input type="checkbox" data-ng-model="search.company" ng-true-value="Holiday Autos" ng-false-value="" value="Holiday Autos" /><br>
Avis <input type="checkbox" data-ng-model="search.company" ng-true-value="Avis" ng-false-value="" value="Avis" /><br>
现在我想在我的控制器创建一个自定义过滤器,可以遍历在我的NG-重复的项目,只返回符合特定标准的项目 - 为例如,我可以创建一个基于哪个'provider'复选框被选中的值的数组,然后根据这个值来评估每个ng-repeat项。我只是不知道该如何做,尽管在语法方面 - 任何人都可以帮忙?
这里是我的Plunker: http://plnkr.co/edit/lNJNYagMC2rszbSOF95k?p=preview
这个例子应该在文档中。 –
非常有趣!该过滤器可以简化为'return car.carDetails.doors> 2;'虽然。 – sp00m
当然可以。然而,我已经决定了一个更详细的版本,以使其更加清晰,成为一个学习的例子。 – mirrormx