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

发布时间：2020-12-17 09:10:48 所属栏目：安全来源：网络整理

导读：我在JSON文件上运行一个简单的ng-repeat，想要获取类别名称。有大约100个对象，每个属于一个类别 – 但只有大约6个类别。我当前的代码是这样的： select ng-model="orderProp" option ng-repeat="place in places" value="{{place.category}}"{{place.categ

我在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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!