web-dev-qa-db-ja.com

Angular ng-messagesをname属性に動的に設定します

入力を動的に作成し、それらのすべても検証したいのですが、動的に生成されるフィールド名プロパティにng-messages属性を正しく設定できません。

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

Ng-messagesを動的にng-messagesに設定する2行目に問題が発生しました。これどうやってするの？

javascriptangularjsvalidationng-messages
28
CSharpBeginner

フォームオブジェクトのプロパティへのアクセスは、ブラケットを使用して行うこともできます。

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