使用ng-model键入输入时检查重复项

Question

假设我有一个像这样的数组：

$scope.items = [
    {'name': '1'},
    {'name': '2'},
    {'name': '3'},
];

然后我在我的模板中：

<div ng-repeat="x in items">
    <input ng-model="x.name" />
</div>

有没有人对我如何不允许重复名称有任何想法？例如，如果有人在第三个输入框中输入了数字 1 ，则不会允许它。

Answer 1

使用ngBlur调用控制器中的以下函数并将x传递给它

var validateName = function (xFromView) {
     if (items.map(function (x) { return x.name }).indexOf(xFromView.name) > -1) {
         xFromView.name = null;
         //Let the user know somehow that their input was invalid
     }
}