如何在AngularJs2中添加动态formControlName

Question

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

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

我该怎么做？

修改

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

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

它应与{{'client_name' + i}}

具有相同的值

Answer 1

请使用[formControlName]='client_name + i'代替formControlName={{'client_name' + i}}

并使用userform.controls[client_name + i].valid代替userform.controls['client_name'].valid

更多信息：https://angular.io/guide/dynamic-form