Array properties in Angular template

You can also output arrays in markup. Let's see in practice. Let's say we have the following array:

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

Let's display the contents of our array in the layout:

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