Как проверить состояние входного элемента после динамического добавления требуемого элемента?

Я добавил ко всем входным элементам в определенном состоянии требуемое поле таким образом:

 for (var i = 0; i < data.length; i++) {
        // activate required function
        v = data[i].Required;
        if (v)
            document.getElementById(response.data[i].ID).required = true;             
} 

Теперь я хочу добавить к каждому входу этот код, например:

 <span style="color:red" ng-show="addOrEditForm.myPassword.$dirty && addOrEditForm.myPassword.$invalid">
        <span ng-show="addOrEditForm.myPassword.$error.required">Password is required.</span>
 </span>

Проблема в том, что этот код не работает. Я не могу видеть массаж ошибок, но если я добавлю вручную к определенному входному элементу поле «required», чтобы этот код работал, я могу увидеть сообщение об ошибке.

2 ответа

  1. Я создал пример jsfiddle
    http://jsfiddle.net/ADukg/9176/

    У меня есть создать модель userс каждым идентификатором dom и внутри него я добавил два свойства valueи required. Я назначил valuengModelдля каждого идентификатора и requiredngRequiredсвойства поля ввода.

    После вызова серверной части i простое requiredзначение изменения для идентификаторов, которое имеет data[i].Requiredзначение true

  2. Лучше использовать ng-required. документ.getElementById(response.data[i].ID);
    Вместо create
    $scope динамически. Как $scope[key] = true;
    и используйте его html ng-required согласно вашей потребности.