2

これは 2 日間以来、私を困惑させてきました。ループ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>

これは、 に1 つの質問がある場合にのみスムーズに機能します。複数の質問がある場合は、最初の質問の(例: )listQuestionを確認します。他のすべての質問の最初の命題 (最初は のインデックスであるため) は、問題を示す画像を次に示します。propositionlpo[0]lpo = 0

ここに画像の説明を入力

何か助けてください？

4

2 に答える 2

1

非常に単純です。これから扱うように、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 が含まれていることを確認する必要があります。

于 2016-06-10T12:30:30.767 に答える