Array-Eigenschaften im Angular-Template

In der HTML-Auszeichnung können auch Arrays ausgegeben werden. Lasst uns das in der Praxis ansehen. Nehmen wir an, wir haben das folgende Array:

app/app.component.tsexport class AppComponent {
  public arr: string[] = ['a', 'b', 'c'];
}

Lassen wir den Inhalt unseres Arrays in der HTML-Auszeichnung ausgeben:

app/app.component.html<div>
  {{ arr[0] }}
  {{ arr[1] }}
  {{ arr[2] }}
</div>

app/app.component.tsexport class AppComponent {
  public arr: number[] = [1, 2, 3, 4, 5];
}