Читать книгу Angular - Manfred Steyer - Страница 59

Nachdem wir nun die Logik unserer Komponente in der Klasse FlightSearchCom ponent verstaut haben, können wir uns ihrem Template zuwenden. Es handelt sich dabei um die Datei flight-search.component.html.

Auf den ersten Blick handelt es sich hier um eine normale HTML-Datei. Neben HTML-Elementen kann sie jedoch auch sogenannte Datenbindungsausdrücke beinhalten. Damit gleicht Angular den Zustand der Komponente mit dem Zustand des Templates ab. Angular schreibt dazu beispielsweise Daten aus der Komponente in das Template oder übernimmt Eingaben in entsprechende Komponenteneigenschaften.

Eine erste Art von Datenbindungsausdruck haben Sie in Kapitel 1 im Rahmen der AppComponent bereits kennengelernt: Der Ausdruck

<h1>{{title}}</h1>

hat dort den Inhalt der Eigenschaft title ausgegeben.

Dieser Abschnitt geht auf die einzelnen von Angular unterstützten Datenbindungsausdrücke ein.