# Последняя итерация цикла в Angular

При переборе через `*ngFor` и `@for` можно определить последнюю итерацию цикла с помощью переменной `last`.

Пример для директивы `*ngFor`:

`<ul> <li *ngFor="let el of arr; let last = last"> {{ last ? 'первый' : '' }} {{ el }} </li> </ul>`

Пример для конструкции `@for`:

`<ul> @for (el of arr; track $index) { <li> {{ $last ? 'последний' : '' }} {{ el }} </li> } </ul>`

Дан массив:

`export class AppComponent { public arr: string[] = ['a', 'b', 'c', 'd']; }`

Выведите элементы массива в виде списка `ul`, покрасив последнюю `li` в красный цвет.

Дан массив:

`export class AppComponent { public arr: string[] = ['a', 'b', 'c', 'd']; }`

Выведите элементы массива в виде списка `ul`, покрасив первую `li` в красный цвет, а последнюю - в зеленый.

← →
↑