如何在ngModel中使用ngFor的索引angular 2
How to use the index of ngFor in ngModel angular 2
<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;
如何将索引动态绑定到我的 ngModel。
您不能同时使用 []
和 {{}}
。 ({{}}
仅用于字符串插值,结果始终为字符串)
在组件中为 this
提供 getter
get self() {
return this;
}
[(ngModel)]="self['answer'+i]"
<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;
如何将索引动态绑定到我的 ngModel。
您不能同时使用 []
和 {{}}
。 ({{}}
仅用于字符串插值,结果始终为字符串)
在组件中为 this
get self() {
return this;
}
[(ngModel)]="self['answer'+i]"