Как отобразить размер отредактированного массива *ngFor в другом (предыдущем) html блоке?

Question

[Станислав Пыряев]

Есть шаблон компонента:

<div >
    <!-- Загружаем список ошибок -->
    <div *ngFor="let error of errors">
      <div>
        <h4>{{error.name}}</h4>
        <p>(кол-во: {{Здесь нужно отобразить размер массива items, полученный ниже}})</p>
      </div>

      <!-- Загружаем для каждой ошибки свой список данных отсортированный пайпом -->
      <div>
        <div *ngFor="let item of items | sortItemsByError:error; let l = count">
          <a [routerLink]="['/items/',item.id]">{{item.name}}</a>          
        </div>
      </div>
    </div>
  </div>

Подскажите, как отобразить размер текущего массива "l" в параграфе выше, если параграф не входит в блок, где перечисляется этот массив.
Нужно получить что-то в виде структуры:
Error 1 (кол-во: 4)
-item1;
-item2;
-item3;
-item4;
Error 2 (кол-во: 2)
-item1;
-item2;
и т.д....

Answer 1

[Антон Швец]

{{ items.length }} же, не?

вообще говоря можно для передачи значения внутрь шаблона использовать template context.
типа вот так
https://stackblitz.com/edit/angular-xkuwzk

еще можно использовать костыль в виде let (или var) директивы (или ngIf)
набросал: https://stackblitz.com/edit/angular-mwqwws

но лучше просто при получении данных обработать их и сохранить в отдельной переменной, а к ней уже обращаться в шаблоне.

Comments

[Станислав Пыряев]

{{ items.length }} видно внутри блока перечисления items:

<div *ngFor="let item of items | sortItemsByError:error; let l = count">
   <a [routerLink]="['/items/',item.id]">{{item.name}}</a>    
   <p> {{ items.lenght }} </p>
</div>

а мне нужно отобразить его на уровень выше, в первом перечислении.
Похоже нужно писать свою директиву для этого, иначе никак...

[Антон Швец]

Станислав Пыряев, items у вас должен существовать во всем шаблоне. Внутри блока у вас появляется item и l

[Станислав Пыряев]

Антон, вот как раз l (размер массива после сортировки pipом) мне и нужно вытянуть из блока items выше, в блок перечислений errors, чтобы было сразу видно количество оборудования, которое имеет данную неисправность. А {{items.length}} в любом месте шаблона всегда выдает размер не отсортированного массива.

[Антон Швец]

Станислав Пыряев, фишка в том, что сортировка не должна менять размер массива. Это же сортировка.
А если у вас там фильтрация, то в консерватории что-то не то, и вам стоит серьезно задуматься о нейминге. Правильные названия это чуть ли не половина нашей профессии, код должен быть читаемым.

Плюс к тому, не рекомендуется использовать impure pipes для сортировок и фильтрации, работайте с массивом в сервисе при получении данных.
https://angular.io/guide/pipes#appendix-no-filterp...

[Станислав Пыряев]

Антон, да, там сортировка и сразу фильтрация. Буду делать сервис. Спасибо за советы