如何在angular2 formControl中使用ngFor

时间:2016-11-03 08:10:23

标签: angular angular2-forms

我尝试使用formcontrolName绑定来自ngFor的json数据,但我不知道如何绑定它。我的方式不起作用,任何人都有任何想法?

  <p *ngFor="let user of searchuser" formControlName="username">{{user.username}}</p>
  <p *ngFor="let tool of searchtool" formControlName="rfidCode">{{tool.rfidCode}}</p>

1 个答案:

答案 0 :(得分:1)

也许是这样:

  <p *ngFor="let user of searchuser;let idx=index" formControlName="username{{idx}}">{{user.username}}</p>
  <p *ngFor="let tool of searchtool;let idx=index" formControlName="rfidCode">{{tool.rfidCode + idx}}</p>

formControlName需要独一无二,但我需要更多有关您实际需求的信息,以提出更具体的建议。

BTW:formControlName用于输入元素,而不是<p>元素。

https://angular.io/docs/ts/latest/api/forms/index/FormControlName-directive.html