javascript - 输入不同但数据相同。输入值在两个字段中重复 - Angular

Question

所以，我在这里编写了这段代码 Codepen.IO

 <md-content class="md-padding autocomplete" layout="column">
    <md-subheader class="md-no-sticky">Managers</md-subheader>
    <md-contact-chips ng-model="ctrl.users" md-contacts="ctrl.querySearch($query)" md-contact-name="name" md-contact-image="image" md-contact-email="email" md-require-match="true" md-highlight-flags="i" filter-selected="ctrl.filterSelected">
    </md-contact-chips>
</md-content>
<md-content class="md-padding autocomplete" layout="column">
    <md-subheader class="md-no-sticky">Project Members</md-subheader>
    <md-contact-chips ng-model="ctrl.users" md-contacts="ctrl.querySearch($query)" md-contact-name="name" md-contact-image="image" md-contact-email="email" md-require-match="true" md-highlight-flags="i" filter-selected="ctrl.filterSelected">
    </md-contact-chips>
</md-content>

您可以在链接上看到脚本

如您所见，如果我在管理者字段中输入用户 1，然后输入 Enter，同一用户也会添加到项目成员中。除了我希望在两个字段中添加相同的用户外，但我不会在两个字段中添加相同的用户。我做错了什么？

我使用的是有 Angular Material ，更具体地说，是接触芯片

Answer 1

因为两个输入上有相同的 ngModel，所以不可能有 2 个不同的东西。

更改其中一个即可。