首页 文章

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

提问于
浏览
0
<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 回答

  • 1

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

    在组件中为 this 提供一个getter

    get self() {
      return this;
    }
    
    [(ngModel)]="self['answer'+i]"
    

相关问题