Angular Şablonunda Dizi Özellikleri

HTML şablonlarında dizileri de gösterebiliriz. Pratikte nasıl yapıldığına bakalım. Aşağıdaki gibi bir dizimiz olduğunu varsayalım:

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

Dizimizin içeriğini HTML şablonunda gösterelim:

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];
}