删除重复项

Question

我已经读过这个但是不明白如何做这种事情。

<div class='dropdown2'>
     <span>Seleziona Campionato:      </span>
     <select class='opzioni' ng-model="campionatoSelected">
              <option ng-repeat="team in teams  | filter: {Paese:nazioniSelected} track by $index" value="{{team.Campionato}}">{{team.Campionato}}
             </option>
     </select>
</div>

这是给我重复的代码，因为在每个联赛 (campionato) 中都有很多球队。我怎样才能去掉这个 select 的重复项？

Answer 1

您可以使用模块 angular-filter (https://github.com/a8m/angular-filter) 提供的 unique 过滤器，并使用您要用于过滤的属性删除所有重复项:

<select class='opzioni' ng-model="campionatoSelected">
  <option ng-repeat="team in teams | filter: {Paese:nazioniSelected} | unique: 'MY_PROPERTY_NAME' track by $index" value="{{team.Campionato}}">{{team.Campionato}}
  </option>
</select>

您还可以定义您的私有过滤器，并使用它来完成您想要的两个操作，而无需添加第三方模块。

PS：我和你一样是意大利人，所以我明白你的意思，但是尝试使用英文 variable/function 名称，这会使代码更具可读性，特别是如果你想post 到某个地方或一般共享。

删除重复项

Remove ng-repeat duplicates

html

angularjs

angularjs-ng-repeat

angular-filters