Template Interpolation

Comme de nombreux langages de "templating", Angular utilise la syntaxe "double curly braces" pour l'interpolation :

@Component({
    selector: 'wt-app',
    templateUrl: './app.component.html'
})
export class AppComponent {
    bookName = 'eXtreme Programming Explained';
}
<div>
    <span>{{ bookName }}</span>
</div>

La syntaxe d'interpolation permet d'accéder directement aux propriétés du composant associé (un peu comme si toutes les expressions étaient préfixées par un this.). En effet, l'instance de la classe AppComponent est le contexte utilisé par le moteur de rendu afin d'évaluer les expressions.

Dernière mise à jour