Angular: [(ngModel)] kann nicht an Array-Elemente binden (foo[0])

Erstellt am 6. Jan. 2016  ·  3Kommentare  ·  Quelle: angular/angular

<input type="text" [(ngModel)]="values[0]"> aktualisiert das Modell nicht, wenn sich der Wert der Eingabe ändert:

Plunker: http://plnkr.co/edit/HOdOeLTwYzyNke3DTWOl?p=preview

Hilfreichster Kommentar

Veränderung

<input type="text" [(ngModel)]="values[0]"> => {{values}}

zu

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

Sieht so aus, als würde Angular 2 bei seiner Interpolation nicht an ein Array binden, sondern nur an Elemente innerhalb des Arrays. Das DOM wird nur aktualisiert, wenn sich gebundene Eigenschaften ändern. Ich vermute, dass das Einfügen eines einfachen Arrays {{values}} in die Vorlage keine Änderungserkennung auslöst. Stellen Sie sich ein Array mit Tausenden von Objekten vor. Das Ändern eines dieser Objekte könnte eine Änderungserkennung auslösen, was die Leistung beeinträchtigen würde.

Alle 3 Kommentare

Veränderung

<input type="text" [(ngModel)]="values[0]"> => {{values}}

zu

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

Sieht so aus, als würde Angular 2 bei seiner Interpolation nicht an ein Array binden, sondern nur an Elemente innerhalb des Arrays. Das DOM wird nur aktualisiert, wenn sich gebundene Eigenschaften ändern. Ich vermute, dass das Einfügen eines einfachen Arrays {{values}} in die Vorlage keine Änderungserkennung auslöst. Stellen Sie sich ein Array mit Tausenden von Objekten vor. Das Ändern eines dieser Objekte könnte eine Änderungserkennung auslösen, was die Leistung beeinträchtigen würde.

Wooooppppps, du hast vollkommen Recht @pe8ter , danke! Ich bin zu (falschen) Schlüssen gekommen. Danke nochmal.

Dieses Problem wurde aufgrund von Inaktivität automatisch gesperrt.
Bitte reichen Sie ein neues Problem ein, wenn Sie auf ein ähnliches oder verwandtes Problem stoßen.

Lesen Sie mehr über unsere Richtlinie zum automatischen Sperren von Gesprächen .

_Diese Aktion wurde automatisch von einem Bot ausgeführt._

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen