javascript / beginner
Snippet
Komponenten-Dateninterpolation
Die Interpolation ermöglicht es dir, dynamische Daten aus deiner TypeScript-Klasse direkt in deinem HTML-Template anzuzeigen, indem du doppelte geschweifte Klammern verwendest.
snippet.js
1
2
3
4
5
6
export class WelcomeComponent {username: string = 'John Doe';}<!-- Template --><h1>Welcome, {{ username }}!</h1>
angular
Erklärung
1
username: string = 'John Doe';
Definiert eine Klasseneigenschaft mit dem Typ String und einem Initialwert.
2
{{ username }}
Angular wertet diesen Ausdruck aus und ersetzt ihn in der Ansicht durch den Wert der Eigenschaft.