Get length of array in ngFor after pipes transformation

angular angular2-pipe
Scipion picture Scipion · Jun 13, 2017 · Viewed 29.3k times · Source

I have the following template:

<div *ngFor="let item of myArray | customPipe1 | customPipe2; let l = length">
  Here is the length of my ngFor : {{l}}
</div>

Unfortunately length doesn't exist in ngFor. How can I work around this issue to have the length available inside my ngFor?

Answer

yurzui picture yurzui · Jun 13, 2017

Another solution could be the following

<div *ngFor="let item of myArray | customPipe1 | customPipe2; let l = count">
  Here is the length of my ngFor : {{l}}
</div>

Plunker Example

See also

Related questions

How do I call an Angular 2 pipe with multiple arguments?

I know I can call a pipe like this: {{ myData | date:'fullDate' }} Here the date pipe takes only one argument. What is the syntax to call a pipe with more parameters, from component's template HTML and directly in code?

Read More
The pipe ' ' could not be found angular2 custom pipe

I can't seem to fix this error. I have a search bar and an ngFor. I am trying to filter the array using a custom pipe like this: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/…

Read More
Angular2: custom pipe could not be found

The built-in pipe is work,but all custom pipes that i wanna use are the same error: the pipe 'actStatusPipe' could not be found [ERROR ->]{{data.actStatus | actStatusPipe}} I have tried two ways,declare it in app.module's …

Read More