Eckige (5) Eingangsvariablen scheinen

Question

zu sein

Ich habe kürzlich mein Angular-Projekt von 4 auf 5 aktualisiert. Ich bemerkte jedoch einige Änderungen, die ich nicht erklären kann.

Ich habe eine ParentComponent und eine ChildComponent. ChildComponent empfängt eine InputObject von der übergeordneten.

Verhalten vor der Aktualisierung: Wenn ich etwas auf InputObject in meinem ParentComponent ändern, kann dies in ChildComponent zu sehen.

Verhalten nach Aktualisierung: Wenn ich etwas auf InputObject in meinem ParentComponent ändern, wird diese Änderung in ChildComponent nicht geschieht.

Ist das korrektes Verhalten? Wenn ja, wie sollen mehrere Komponenten an einem Objekt arbeiten?

Answer 1

Wenn die Änderung, die Sie tun, die Aktualisierung einer bestimmten Eigenschaft beinhaltet, sollte es funktionieren, aber wenn Sie das ganze Objekt aktualisieren (zB var obj = anotherObj), wird Angular die Änderungserkennung nicht auslösen, weil es keinen tiefen Vergleich fällig etwas leisten.

Angular Documentation

Die Log-Einträge als String-Wert der Leistungseigenschaftsänderungen erscheinen. Aber die ngOnChanges fängt keine Änderungen an held.name ein Das ist zunächst überraschend. Angular ruft nur den Hook auf, wenn sich der Wert der Eingabeeigenschaft ändert. Der Wert der Heldeneigenschaft ist der Verweis auf das Heldenobjekt. Angular ist es egal, dass sich der Name des Helden geändert hat. Die Referenz des Heldenobjekts hat sich nicht geändert, aus Angulars Sicht gibt es keine Änderung zu melden!