Читать книгу Angular - Ferdinand Malcher - Страница 217

Buchliste und Detailansicht in Hauptkomponente einbinden

Im Template der AppComponent binden wir nun die beiden Kindkomponenten ein. Wir setzen beide Komponenten direkt untereinander, denn es wird ohnehin nur jeweils eine der beiden angezeigt. Um das zu erreichen, werden beide Elemente mit der Direktive ngIf ausgestattet. Die Bedingungen knüpfen wir an den jeweiligen Wert aus dem Property viewState. Außerdem abonnieren wir die geplanten Events showDetails-Event und showListEvent aus den Kindkomponenten.