I came across this issue today, i am filtering the items which are ACTIVE and displaying only the first 2 items after filtered, here is the code i had
<div *ngFor="let l of listings | slice:0:2 | filterByStatus:'ACTIVE' ">
<listing-item [listing]="l"></listing-item>
</div>
It did not work, but when i replace the order of pipe, its working properly.
<div *ngFor="let l of listings | filterByStatus:'ACTIVE' | slice:0:2 ">
<listing-item [listing]="l"></listing-item>
</div>
is this an expected behaviour or we can use it in any order?