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

Question

我正在对 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 数据，只是为了澄清

Answer 1

您可以使用 AngularUI 中的 unique 过滤器(源代码位于: 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>