ng-reflect-model zeigt den korrekten Wert, spiegelt sich aber nicht in der Eingabe wider

Question

Es ist ein sehr merkwürdiges Problem aufgetreten, bei dem sich meine Anwendung in einem sehr speziellen Benutzerfall schlecht verhält. Ich habe ein Portal, in dem Benutzer Fragen und Antworten hinzufügen und dann bearbeiten können. In diesem Fall, wenn ich eine Menge (q + a) entferne und dann versuche, sie hinzuzufügen, wird das Modell aktualisiert, aber meine Ansicht nimmt Werte von Platzhaltern und aktualisiert sich selbst. Hier spleiße und drücke ich nur Werte in einem Array und rendere mit ngFor. Das letzte Element ist ein Dummy und dient zur Eingabe von Werten, die hochgedrückt werden.

Anfügen eines Screenshots, wenn es Sinn macht.

Sie können sehen, dass das ng-reflect-Modell für die Textbox die richtige Frage anzeigt, aber das Element selbst den Platzhaltertext anzeigt.

Answer 1

Anscheinend ist das Problem verursacht wurde, weil Angular nicht in der Lage war richtig, die Elemente meiner Array zu verfolgen. Das habe ich sehr schwer herausgefunden. Also nur ein TrackBy-Attribut zu meinem ngFor hinzufügen, konnte ich dies beheben.

hinzugefügt dies meine Komponente:

customTrackBy(index: number, obj: any): any { 
    return index; 
} 

und dann in der Vorlage:

<div class="margin-bottom-15" 
    *ngFor="let assessment of language.assessments; trackBy:customTrackBy"> 

Also im Grunde ich bin Winkel frage nach Index meiner Elemente im Array zu verfolgen. Es hat das Problem gelöst.

Hier Beurteilung ist das Modell für jeden der Frage-Antwort-Set.