如何在Angularjs中停止ng选项重复

您可以从json中提取类别,然后删除重复项:

//Filter all the categories, return an array of duplicated categories
var allCategories = json.modules.map(function(item) {
  return item.category;
});

//Remove the duplication from the first array
var filteredCategories = [];
allCategories.forEach(function(item) {
  if (filteredCategories.indexOf(item) < 0) {
    filteredCategories.push(item);
  }
});

//Assign the filtered array to scope
$scope.categories = filteredCategories;

也更改html:

<select ng-model="search.category" ng-options="category for category in categories"></select>

工作人员: http://plnkr.co/edit/Z6IUMTzePO7UoWoGuUfP?p=preview

只需使用ng模型=“ 搜索 “像这样:

<select ng-model="search" ng-options="module.category for module in ocw.modules"></select>

链接演示: http://plnkr.co/edit/U0DudD80VIf0ExKh5ixO?p=preview