Как использовать index с * ngFor в angular 2, 4, 5

если вы используете angular 2, 4/5 **, вы не можете напрямую использовать $ index, для использования индекса вам необходимо сначала определить

<li *ngFor = "let item of items; let i = index">{{item}} - {{i}}</li>

{{i}} is the index of items

но в угловой 1.x вы можете использовать такой индекс:

<li ng-repeat = "let item of items>{{item}} - {{$index}}</li>

если вы используете angular 2, чем первый, правильный синтаксис

Pranay Rana 02.05.2018 08:28
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
1
63
1

Ответы 1

если вы используете angular 2+, вы должны сделать это для получения индекса, поэтому в angular 2 и далее у вас нет ng-repeat, он заменен на *ngFor

<li *ngFor = "let user of userObservable | async as users; 
                         index as i; ">
   {{i}}/{{users.length}}. {{user}}
</li>

или же

<li *ngFor = "let user of userObservable | async as users; 
                         let i = index; ">
   {{i}}/{{users.length}}. {{user}}
</li>

Из документа: NgForOf

Другие вопросы по теме