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

{{ Interpolation }}

Оглавление

Ein zentraler Bestandteil der Template-Syntax ist die Interpolation. Hinter diesem etwas sperrigen Begriff verbirgt sich die Möglichkeit, Daten mit zwei geschweiften Klammern in ein Template einzubinden.

Template-Ausdruck Die Daten werden bei der Interpolation automatisch aktualisiert.

Zwischen den Klammern wird ein sogenannter Template-Ausdruck angegeben. Dieser Ausdruck bezieht sich immer direkt auf die zugehörige Komponentenklasse. Im einfachsten Fall ist ein solcher Ausdruck also ein Name eines Propertys aus der Klasse. Ausdrücke können aber auch komplexer sein und z. B. Arithmetik enthalten. Vor der Ausgabe werden die Ausdrücke ausgewertet, und der Rückgabewert wird schließlich im Template angezeigt. Besonders interessant ist dabei: Ändern sich die Daten im Hintergrund, wird die Anzeige stets automatisch aktualisiert! Wir müssen uns also nicht darum kümmern, die View aktuell zu halten, sondern nur die Daten in der Komponentenklasse ändern.

{{ name }} Property der Komponente
{{ 'foobar' }} String-Literal
{{ myNumber + 1 }} Property und Arithmetik

Die Werte null und undefined werden übrigens immer als leerer String ausgegeben.

Angular

Подняться наверх