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

Die Selektoren von Komponenten und Direktiven sollten in Angular immer mit einem Präfix versehen werden. Das Präfix soll vor allem dafür sorgen, dass Elemente der Anwendung gut von nativen HTML-Elementen unterschieden werden können. Wir beugen damit Konflikten mit anderen Elementen vor, die eventuell dieselbe Bezeichnung verdient hätten.

Beim Anlegen des Projekts mit der Angular CLI haben wir die Option --prefix=bm verwendet. Diese Angabe finden wir auch tief in der Datei angular.json wieder. Wenn wir Komponenten oder Direktiven mit der Angular CLI anlegen, wird das Präfix automatisch im Selektor verwendet. Diese Einstellung können wir in der angular.json auch ändern, sie gilt dann allerdings nur für neu angelegte Komponenten.

Bootstrapping

Damit die Anwendung funktioniert, muss die Hauptkomponente AppComponent von Angular gestartet werden. Die notwendige Anpassung hat die Angular CLI bereits für uns vorgenommen. Im AppModule in der Datei src/app/app.module.ts ist die AppComponent in der Eigenschaft bootstrap in den Metadaten des Moduls eingetragen.

Anwendung starten

Wir können die Anwendung nun mit dem Befehl ng serve starten. Rufen wir die URL im Browser auf, wird die Liste der Bücher angezeigt.

Abb. 6–2 Die Buchliste funktioniert.