Angolare dinamicamente impostato ng-messages per attribuire il nome

Question

I dinamicamente creare input e voglio anche convalidare ciascuno di essi ma non posso impostare correttamente l'attributo ng-messages alla proprietà nome campo che viene generata dinamicamente.

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

Ho avuto problemi con la seconda riga in cui ho impostato dinamicamente i messaggi ng ai messaggi di posta elettronica. Come posso fare questo?

Answer 1

Accesso alle proprietà del vostro oggetto modulo può anche essere fatto utilizzando le staffe, che dovrebbe risolvere il 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>