0

ボタンをクリックするだけで入力が追加されるフォームがあります。

addInput() {
    let input: {} = {
      "text": null
    };
    this.arr.push(domain); 
      let key = 'textC_' + (this.arr.length - 1);
      this.form.controls[key] = new FormControl("", Validators.required)
  }

HTMLでレンダリングするために次のコードを使用しています:

<div class="form-group row">
   <label>Input</label>
   <div class="col-sm-9">
      <ANY *ngFor="let item of arr; let i = index">
         <div class="row">
            <div class="col-sm-6 top5">
               <input type="text" formControlName="textC_{{i}}"  id="name" [(ngModel)]="arr[i].text" >
               <div class="help-block" *ngIf="!form.controls.textC_{{i}}.valid  > 
               Value is required
            </div>
         </div>
   </div>
   </ANY>
</div>
</div>

このアプローチを使用して検証メッセージをレンダリングする方法。

form.controls.textC_{{i}}.valid が機能しない

代替品はありますか？

angular rc5の使用

4

1 に答える 1

0

式構文 {{}} を使用しないでください。ngIf ディレクティブは既に代入を式として扱います。試す：

<div class="help-block" *ngIf="!form.controls['textC_' + i].valid">
于 2016-09-08T16:37:13.140 に答える