angularjs – 如何使ng-repeat过滤掉重复的结果

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使ng-repeat过滤掉重复的结果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在JSON文件上运行一个简单的ng-repeat,想要获取类别名称。有大约100个对象,每个属于一个类别 – 但只有大约6个类别。

我当前的代码是这样的:

<select ng-model="orderProp" >
  <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option>
</select>

输出是100个不同的选项,大多是重复的。如何使用Angular检查{{place.category}}是否已经存在,如果已存在则不创建选项?

编辑:在我的javascript,$ scope.places = JSON数据,只是为了澄清

您可以使用AngularUI的独特过滤器(源代码在这里: AngularUI unique filter),并直接在ng-options(或ng-repeat)中使用它。
<select ng-model="orderProp" ng-options="place.category for place in places | unique:'category'">
    <option value="0">Default</option>
    // unique options from the categories
</select>

猜你在找的Angularjs相关文章