Angular dynamisch festlegen ng-Nachrichten zum Namen Attribut

Question

Ich dynamisch erstellen Eingänge und wollen auch überprüfen, dass jeder von ihnen, aber nicht ordnungsgemäß das ng-Nachrichten Attribut auf die Feldname Eigenschaft, die dynamisch generiert wird.

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

Ich habe ein Problem mit der zweiten Zeile, wo ich die ng-Nachrichten dynamisch auf ng-Nachrichten eingestellt. Wie kann ich das machen?

Answer 1

Zugriff auf die Eigenschaften des Formulars Objekt kann auch mit Klammern erfolgen, was Ihr Problem lösen sollte:

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