javascript / beginner
Snippet
Inhalte wiederholen mit @for
Der @for-Block iteriert über ein Array und rendert einen Template-Block für jedes Element. Der 'track'-Ausdruck ist für effiziente DOM-Updates erforderlich.
snippet.js
1
2
3
4
5
<ul>@for (task of tasks; track task.id) {<li>{{ task.name }}</li>}</ul>
angular
Erklärung
1
task of tasks
Deklariert eine lokale Variable 'task' für das aktuelle Element im 'tasks'-Array.
2
track task.id
Ein eindeutiger Identifikator für jedes Element, damit Angular das Rendering optimieren kann, wenn sich die Liste ändert.