javascript / beginner
Snippet
Listen anzeigen mit *ngFor
Die *ngFor-Direktive wiederholt ein Element für jedes Element in einer Sammlung, wie zum Beispiel einem Array von Strings.
snippet.js
1
2
3
4
5
6
7
8
export class ListComponent {tasks: string[] = ['Code', 'Test', 'Deploy'];}<!-- Template --><ul><li *ngFor="let task of tasks">{{ task }}</li></ul>
angular
Erklärung
1
tasks: string[] = [...];
Eine Array-Eigenschaft, die eine Liste von anzuzeigenden Strings enthält.
2
*ngFor="let task of tasks"
Iteriert durch das Tasks-Array und weist jedes Element der lokalen Variable 'task' zu.