Here 'n' is incremental and 0 by default when i click "NEXT" it increments by 1 , which retirives objects respectively
statement 1:
============
#let option of question[0].options
here,lets assume "option" will have 1st question's option. and outputs the
following using *ngFor
**<input name="0" value="{{q1_option_value}}" [(ngModel)]="option_value[0]"
type="checkbox"/><span>{{q1_option_value}}</span>**
**<input name="1" value="{{q1_option_value}}" [(ngModel)]="option_value[1]"
type="checkbox"/><span>{{q1_option_value}}</span>**
=========================
'n' value incremented by 1
=========================
**<input name="0" value="{{q2_option_value}}" [(ngModel)]="option_value[0]"
type="checkbox"/><span>{{q2_option_value}}</span>**
**<input name="1" value="{{q2_option_value}}" [(ngModel)]="option_value[1]"
type="checkbox"/><span>{{q2_option_value}}</span>**
now when i select a checkbox in question1's option, that selection presist to next question also...
Here is my code sample !
<form>
<div class="choice">
<div *ngFor="let option of question[n].options; let i = index">
<input name="{{i}}" value="{{option}}" [(ngModel)]="option_value[i]"
type="checkbox"/><span>{{option}}</span>
</div>
</div>
</form>