AngularJS динамического поля формы проверки

Question

Я пытаюсь проверить некоторые поля формы, которые даны мне от серверной конечной точки ...

Поэтому в основном input элементы динамически создаваемые внутри ng-repeat. Поэтому input атрибуты также добавлены динамически, например, type, name и т.д ...

Однако, поскольку атрибут name динамически добавляется, когда я пытаюсь проверить это, как это, например:

myForm.elName.$valid 

Он ничего не возвращает, потому что на данный момент он не знает, что такое elName.

Я создал jsFiddle, чтобы продемонстрировать эту проблему: http://jsfiddle.net/peduarte/HB7LU/1889/

Любая помощь или совет будет высоко ценится!

FANX.

EDIT:
Я со ссылкой на эти УДИВИТЕЛЬНЫЕ документации: http://docs.angularjs.org/api/ng.directive:input.email

Answer 1

Попробуйте мою пользовательскую директиву:

myApp.directive("dynamicName",function($compile){ 
    return { 
     restrict:"A", 
     terminal:true, 
     priority:1000, 
     link:function(scope,element,attrs){ 
      element.attr('name', scope.$eval(attrs.dynamicName)); 
      element.removeAttr("dynamic-name"); 
      $compile(element)(scope); 
     } 
    }; 
}); 

Использования:

<input dynamic-name="field.name" 
     type="{{ field.type }}" 
     placeholder="{{ field.name }}" 
     ng-model="field.value" 
     required> 

DEMO

Объяснение проблемы:

По умолчанию элементы ввода с использованием ngModelController (ng-model) называют FormController.$addControl, когда они связаны с зарегистрировать себя и выставить свойство на FormController с имя свойства входа который в этом случае равен {{ field.name }}. Поэтому, даже если контроль зарегистрирован, но вы не выставили свойства на FormController с именем email, firstName, у вас есть только {{ field.name }} ссылка последних входной элемент

Объяснения решения:

В этом решении я создал специальную директиву для замены {{ field.name }} с правильным именем во время выполнения.

Для получения дополнительной информации, почему я должен использовать terminal:true, и priority:1000, проверить это обсуждение: Add directives from directive in AngularJS