在Angular2 FormGroup中进行动态添加输入的验证

我有一种窗体，点击某个按钮时会添加输入。在Angular2 FormGroup中进行动态添加输入的验证

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}}。有效不工作

任何备用？

使用角RC5

来源

2016-09-08 4rpit

不使用表达式语法{{}}。 ngIf指令已将该分配视为表达式。尝试：

<div class="help-block" *ngIf="!form.controls['textC_' + i].valid">

来源

2016-09-08 16:37:13 Riv

这个答案出现在低质量的审查队列中，大概是因为你没有提供任何代码的解释。如果此代码回答此问题，请考虑添加一些文字，说明答案中的代码。这样，你就更有可能获得更多赞扬 - 并帮助提问者学习新东西。 – lmo

在Angular2 FormGroup中进行动态添加输入的验证

回答

相关问题