0 Tage Serie
javascript / beginner
Snippet

Dynamische Attribute mit Property Binding

Property Binding verwendet eckige Klammern, um die Eigenschaft eines Elements auf einen Wert aus der TypeScript-Klasse der Komponente zu setzen.

snippet.js
javascript
1
2
<!-- component.html -->
<img [src]="imageUrl" [alt]="imageDescription">
angular
Erklärung
1
[src]
Die eckigen Klammern weisen Angular an, die rechte Seite als TypeScript-Ausdruck und nicht als einfachen String auszuwerten.
2
imageUrl
Die Eigenschaft in deiner Klasse, die die URL des Bildes enthält.