javascript - error - Angular dinámicamente establece ng-messages para nombrar atributo

ng messages include

Question

Creo dinámicamente entradas y quiero validar cada una de ellas, pero no puedo establecer correctamente el atributo ng-messages a la propiedad de nombre de campo que se genera dinámicamente.

<input ng-model="sub.name" name="subName{{$index}}" class="form-control" placeholder="name" required maxlength="20" />
         <div class="field-error" ng-messages="form.subName{{$index}}.$error" ng-show="form.Name.$touched" role="alert">
               <div ng-message="required">Name is required.</div>
          </div>

Tengo un problema con la segunda línea en la que configuro dinámicamente los mensajes ng a ng-messages. ¿Cómo puedo hacer esto?

Answer 1

El acceso a las propiedades de su objeto de formulario también se puede hacer utilizando corchetes, que deberían resolver su problema:

<input ng-model="sub.name" name="subName{{$index}}" class="form-control" placeholder="name" required maxlength="20" />
<div class="field-error" ng-messages="form[''subName'' + $index].$error" ng-show="form.Name.$touched" role="alert">
    <div ng-message="required">Name is required.</div>
</div>