删除ng-repeat重复项

时间:2017-10-01 14:43:03

标签: html angularjs angularjs-ng-repeat angular-filters

我已经读过这个,但不明白如何做这类事。

<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)都有很多球队。如何从这个选择中删除重复项?

1 个答案:

答案 0 :(得分:1)

您可以使用模块uniquehttps://github.com/a8m/angular-filter)提供的angular-filter过滤器,并使用您要用于过滤的属性切断所有重复项:

<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:我和你一样意大利,所以我明白你的观点,但是尝试使用英文变量/函数名称,它会使代码更具可读性,特别是如果你想在某处发布或分享它一般