如何在AngularJs2中添加动态formControlName答案

【问题标题】：How to add dynamic formControlName in AngularJs2如何在AngularJs2中添加动态formControlName
【发布时间】：2016-12-06 17:20:59
【问题描述】：

我正在通过 angularjs2 中的表单生成器制作表单，我想添加 formControlName 表单元素的属性/属性，如下所示：

   <input type="text" formControlName={{'client_name' + i}} placeholder="Required" />

我该怎么做？

编辑：

我还想将有效性消息放在输入元素旁边，如下所示：如何使 ngIf 条件块中的 client_name 也动态化？

<div *ngIf=“! userform.controls['client_name'].valid”>
  Client Name is Not Valid
</div>

它应该与{{'client_name' + i}}具有相同的值

【问题讨论】：

【解决方案1】：

请使用[formControlName]='client_name + i' 而不是formControlName={{'client_name' + i}}

并使用userform.controls[client_name + i].valid 而不是userform.controls['client_name'].valid

【讨论】：