在同時輸入與NG-模型鍵入檢查重複

Question

比方說，我有一個數組，像這樣：

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

然後，我有我的模板：

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

沒有人有任何的想法我將如何去不讓重複的名字？例如，如果某人在輸入框中鍵入了，則不允許輸入。

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 
    } 
}