如何在ngModel angular 2中使用ngFor的索引

时间:2017-01-30 19:10:28

标签: angular angular-ngmodel

<div class="row hidden" *ngFor="let q of qu ;let i = index">
  <div class="col-md=12">
    <h2><span class="label label-info"> {{q.ques}}</span></h2>
    <input type="radio" name="answer1" [(ngModel)]="'answer'+i" value="{{q.name}}">FOUR
    <input type="radio" name="answer1" [(ngModel)]="'answer'+i" value="Six">SIX
  </div>
</div>

Controller 

answer0:string;

如何动态地将索引binf到我的ngModel。

1 个答案:

答案 0 :(得分:1)

您不能同时使用[]{{}}。 ({{}}仅用于字符串插值,结果始终为字符串)

在组件中为this

提供一个getter
get self() {
  return this;
}
[(ngModel)]="self['answer'+i]"