Javascript 使用AngularJS检测多个选择/下拉列表中的相同项目选择

我还没有学会Angular可以做的所有很棒的事情，有一件事我想看看，如果一组下拉列表选择了相同的项目，就会抛出一个

ng invalid

例如，如果我有三个

select

s下拉列表，每个下拉列表都包含以下项目：苹果、橘子、桃子。用户在下拉列表1和2中选择了apple，我如何使用angular在

select

标记中检测到这一点，并抛出一个

ng invalid

我正在使用的当前

select

列表示例如下

<span>
   <select ng-options="champ1.cID as champ1.cName for champ1 in Champions1 | orderBy: 'cName'" ng-init="0" ng-model="champ1">{{champ1.cName}}</select>
</span>
<span>
   <select ng-options="champ2.cID as champ2.cName for champ2 in Champions2 | orderBy: 'cName'" ng-init="0" ng-model="champ2">{{champ2.cName}}</select>
</span>
<span>
   <select ng-options="champ3.cID as champ3.cName for champ3 in Champions3 | orderBy: 'cName'" ng-init="0" ng-model="champ3">{{champ3.cName}}</select>
</span>

{{champ1.cName}
{{champ2.cName}
{{champ3.cName}

---

我会使用类似于

ng if

，还是加入某种

ng类

？我不知道在何处/如何验证angular而不进行某种指令或JQuery检查。

您可以使用ui验证进行自定义验证

<select ng-options="champ3.cID as champ3.cName for champ3 in Champions3 | orderBy: 'cName'" 
   ng-init="0" ng-model="champ3" 
   ui-validate="{'same' : 'champ1 == champ3 || champ2 == cmap3'}">
  {{champ3.cName}}
</select>

{{champ3.cName}

但上面只回答了一个例子。使用ui验证，可以进行更多自定义验证。请阅读

您应该阅读更多关于表单验证的信息。示例链接/