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

Question

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

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

我该怎么做？

编辑:

我还想将有效性消息放在输入元素旁边，如下所示:如何使 ngIf 条件 block 中的 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