Angular
Для цикла

NgFor - разметка для цикла

Директива NgFor создает экземпляр шаблона один раз для каждого элемента из итерабельного. Контекст для каждого экземпляра-шаблона наследуется от внешнего контекста с заданной переменной цикла, установленной для текущего элемента из итерабельного.

Чтобы настроить алгоритм отслеживания по умолчанию, NgFor поддерживает функцию trackBy . trackBy принимает функцию, которая имеет два аргумента: index и item. Если указано trackBy , угловые дорожки изменяются по возвращаемому значению функции.

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

Дополнительные параметры : NgFor предоставляет несколько экспортированных значений, которые могут быть сглажены для локальных переменных:

• index будет установлен на текущую итерацию цикла для каждого контекста шаблона.
• сначала будет установлено логическое значение, указывающее, является ли элемент первым в итерации.
• last будет установлен на логическое значение, указывающее, является ли элемент последним в итерации.
• даже будет установлено логическое значение, указывающее, имеет ли этот элемент четный индекс.
• нечетное будет установлено в логическое значение, указывающее, имеет ли этот элемент нечетный индекс.