Ionic2 Toggle Komponente ändern Ereignis nicht feuern

Question

Meine App ist in Ordnung, aber warum sollte die Event-Funktion updateItem(item) nicht feuern?

Vorlage:

<ion-list> 
    <ion-item-sliding *ngFor="#item of items"> 
     <ion-item> 
     <ion-label>{{item.title}}</ion-label> 
     <ion-toggle [(ngModel)]="item.completed" (change)="updateItem(item)"></ion-toggle> 
     </ion-item> 
     <ion-item-options> 
     <button primary (click)="editItem(item)"> 
      <ion-icon name="edit"></ion-icon>Edit 
     </button> 
     <button secondary (click)="deleteItem(item)"> 
     <ion-icon name="delete"></ion-icon>Delete 
     </button> 
     </ion-item-options> 
    </ion-item-sliding> 
    </ion-list> 

Klasse:

export class Todos { 
... 
    updateItem(item) { 
    alert(1) 
    this._todosService.update(item).subscribe(
     response => { this.getItems(); } 
    ); 
    } 
... 
} 

Answer 1

Nach dem doc, können Sie das tun:

<ion-toggle [(ngModel)]="item.completed" (ionChange)="updateItem(item)" checked="false"></ion-toggle> 

Hoffnung werden Ihnen helfen!

Answer 2

Update

<ion-toggle [(ngModel)]="itemCompleted"></ion-toggle> 

export class Todos { 
    get itemCompleted() { 
    return item.completed; 
    } 
    set itemCompleted(value) { 
    item.completed = value; 
    updateItem(item); 
    } 

    ... 
    updateItem(item) { 
    alert(1) 
    this._todosService.update(item).subscribe(
     response => { this.getItems(); } 
    ); 
    } 
    ... 
} 

original

Wenn [(ngModel)]="..." Werke dieses

(ngModelChange)="updateItem(item)" 

sollte auch funktionieren und wahrscheinlich tun, was Sie zu erreichen versuchen.

Answer 3

Wenn der Initialwert true ist, ist ionChange nicht nützlich, weil es jedes Mal ausgelöst wird.

<ion-toggle [(ngModel)]="item.completed" (ngModelChange)="updateItem(item)"></ion-toggle> 

Hoffe, das ist hilfreich!