删除 ng-repeat 重复项

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) 中都有很多球队。我怎样才能从这个选择中删除重复项？

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：我和你一样是意大利人，所以我明白你的意思，但尝试使用英文变量/函数名称，它会使代码更具可读性，特别是如果你想将它发布到某个地方或分享它一般。