У меня есть ситуация, когда пользователю нужно вводить ввод в текстовые области, созданные ng-repeat. Если пользователь вводит значение, которое уже было введено, новые и существующие значения должны быть проверены как ложные. Если изменяется одно из значений (существующее или новое), проверка должна быть соответствующим образом обновлена.
Я попробовал множество вариантов, в настоящее время это то, что близко, но все равно не 100%.
HTML:
<body ng-app="ap" ng-controller="con">
<table>
<tr>
<td>name</td>
</tr>
<tr ng-repeat="person in persons">
<td>
<ng-form name="personForm">
<div ng-class="{ 'has-error' :
personForm.personName.$invalid }">
<input type='text'
name="personName"
ng-class="empty"
ng-model="person.name"
ng-change="verifyDuplicate(this, person)"/>
</div>
</ng-form>
</td>
</tr>
</table>
JavaScript:
var app = angular.module("ap",[]);
app.controller("con",function($scope){
$scope.persons = [
{name: 'a'},
{name: 'b'},
{name: 'c'}
];
$scope.empty = "normal";
$scope.verifyDuplicate = function(domScope, object){
for(var i = 0; i < $scope.persons.length; i++) {
if($scope.persons[i].name === object.name && $scope.persons[i] !== object) {
domScope.personForm.personName.$setValidity('duplicate',false);
}
else {
domScope.personForm.personName.$setValidity('duplicate',true);
}
}
};
});
Любая помощь по этому поводу будет оценена по достоинству.
Вот скрипка Скрипт кода