Блог

Главная - Вопросы по программированию - Как получить значение индекса *ngFor вне цикла?

Как получить значение индекса *ngFor вне цикла?

#angular

#angular

Вопрос:

вот мой цикл:

 <div *ngFor='let item of items; let rowcount = index'></div>
<div>showing {{ rowcount }} of {{ items.length }}

Но rowcount ничего не показывает. Есть предложения о том, как я могу правильно получить значение rowcount?

Комментарии:

1. зачем вам это нужно? ваш rowcount будет визуально таким же, как items.length

2. Понятие индекса не существует вне цикла (индекс какого элемента это был бы?)

3. @YaroslavGrishajev я хочу показать, сколько записей было отображено из общего количества элементов. Пример 30 из 500. Это для целей разбивки на страницы. Если я нахожусь на последней странице, и на последней странице осталось всего 30 элементов, а мое максимальное количество элементов на странице равно 100.

4. в вашем примере rowcount === items.length , если он был разработан таким образом. Вам следует поискать другой подход

Ответ №1:

Может быть, что-то вроде этого, просто нужно отобразить это после последнего элемента.

 <div *ngFor='let item of items; let rowcount = index'>
    <!-- Do all your stuff here -->

    <div *ngIf="last">showing {{ rowcount }} of {{ items.length }}</div>
</div>

Комментарии:

1. Эй! Хорошо! Я не был уверен, что это сработает, я никогда не использовал last раньше, это потрясающе! Рад помочь!