Comment utiliser ngModel dans ion-checkbox?

Question

J'essaie d'utiliser avec ngModel, mais ngModel ne fonctionne pas là. Mon code:

<ion-checkbox *ngFor="#item of items" [(ngModel)]="item.checked"> 
    {{item.name}} 
</ion-checkbox> 

Mais je reçois une erreur:

EXCEPTION: Expression 'checked in AddInterestItem@5:2' has changed after it was checked. Previous value: 'false'. Current value: 'false' in [checked in AddInterestItem@5:2]

exemple données:

this.items = [ 
    {name: 'Dancing', checked: false}, 
    {name: 'Jazz', checked: false}, 
    {name: 'Metal', checked: true}, 
    {name: 'Pop', checked: false}, 
    {name: 'Rock\'n\'Roll', checked: false}, 
    {name: 'Folk Metal', checked: true} 
]; 

Answer 1

Je ne suis pas familier avec <ion-checkbox>. Mais quand j'ai essayé de répéter votre histoire avec <input type="checkbox" />, je n'ai pas pu obtenir de succès en appliquant ngFor directement à input type="checkbox". Donc ce que j'ai fait, j'ai pris <ul><li *ngFor="#item of items" > et mis mon input type="checkbox" dedans et il a commencé à fonctionner comme prévu.

Je pense que MyAnswer pourrait vous aider.

ne fonctionne pas dans myCASE

<input type="checkbox" *ngFor="#item of items" [(ngModel)]="item.checked" />{{item.name}} 
/* I don't know some error occurs. you can check my plunkr by modifying it/*. 

a fonctionné correctement

<ul> 
     <li *ngFor="#item of items">{{item.name}} 
      <input type="checkbox" [(ngModel)]="item.checked" /> 
     </li> 
    </ul>