javascript - 如何在AngularJs2中添加动态formControlName

我正在通过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}}相同

最佳答案

请使用[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