如何在Angular2中使用* ngFor动态生成ngModel？

100

硒

自从两天以来，这一直困扰着我，如何ngModel在一个*ngFor循环中为每个新迭代创建一个新的？这个想法是我加载一个问题列表，在每个问题中我都有2个命题，这是html

 <div *ngFor="#qt of listQuestion">

<h3 class="uk-accordion-title" >{{qt.wordingQ}}</h3>

 <div class="uk-accordion-content">
    
<input type="checkbox"  id="0" [(ngModel)]="selected"  (Change)="cbChange($event)"/>

<label for="0" class="inline-label" > <b>{{qt.lpo[0]}}</b></label><br>
    
<input type="checkbox"  id="1" [(ngModel)]="selected_1" (Change)="cbChange_1($event)"/>

<label for="1" class="inline-label"><b>{{qt.lpo[1]}}</b></label><br>
    
    
                                   </div></div>

仅当您有一个问题时listQuestion（如果有多个问题），这才可以顺利进行。一旦我将检查第一个问题的proposition（例如：）lpo[0]一个，其他所有其他第一个命题（首先是因为索引lpo = 0）被选中这是说明问题的图像：

有什么帮助吗？

小尼克

这非常简单，您必须确保json包含true or false要处理的适当字段checkbox。

随着ngFor我会用ngModel这样的方式，

[(ngModel)]="qt.lpo[0]"  //qt.lpo has to be true or false
// Answer1, Answer2  you can manage separately 

[(ngModel)]="qt.lpo[1]" //qt.lpo creates new instance for each iteration of ngFor loop.

这样，它ngModel为每个问题创建不同的内容。但是您必须确保该qt.lpo字段应包含true或false。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。