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

app.component.html leeren

Damit wir die neue Komponente sehen, muss sie in den Bereich eingebunden werden, der aktuell sichtbar ist: die Hauptkomponente AppComponent. Hier ist momentan noch das Beispiel-Template vorhanden, das von der Angular CLI generiert wurde. Wir können dieses Template getrost entfernen, denn wir wollen ja unsere eigene Anwendung entwickeln. Wir löschen also den gesamten HTML-Code aus der Datei app.component.html.

Anschließend fügen wir dort das HTML-Element <bm-book-list> </bm-book-list> ein. Es wird von Angular durch die BookListComponent ersetzt, denn die Komponente besitzt dafür den passenden Selektor bm-book-list. Auf diese Weise binden wir die Komponente in die Anwendung ein, und sie ist im Browser sichtbar.

<bm-book-list></bm-book-list>