2017-05-08 4 views
-2

Wie kann ich *ngFor und [(ngModel)] zusammen verwenden, um Daten in der Liste dynamisch zu aktualisieren? einfachen Code zum Beispiel:* ngFor und [(ngModel)] zusammen in Angular2 und Ionic2

<ion-item *ngFor="let task of tasks"> 
    {{task.title}} 
</ion-item> 

Und lassen Sie uns sagen, dass ich den Titel einiger Aufgabe ändern.

+2

Frage ist nicht klar, was Sie eigentlich tun möchten? – sainu

+0

Entschuldigung, wenn meine Frage nicht klar war, möchte ich nur eine einfache Liste, die ihre Daten aktualisiert, wenn einige Änderungen der Daten irgendwo auftritt –

Antwort

1

Sie sind fast da, nur die Aufgaben iterieren und dann können Sie [(ngModel)] für jede Aufgabe verwenden, zum Beispiel in einem Eingabefeld, da Sie erwähnten, um title einer Aufgabe zu ändern. So würde Ihr Code so aussehen:

<ion-item *ngFor="let task of tasks"> 
    <ion-input [(ngModel)]="task.title"></ion-input> 
</ion-item> 
+0

Chris, hat Ihnen dies geholfen oder gibt es noch ein Problem, das Hilfe braucht? (wenn ich helfen kann, hah) :) – Alex