angular - 是否有应用 Angular 顺序/顺序管道？

Question

我今天遇到这个问题，我正在过滤事件的项目并在过滤后仅显示前 2 个项目，这是我的代码

<div *ngFor="let l of listings | slice:0:2 | filterByStatus:'ACTIVE'  ">
  <listing-item [listing]="l"></listing-item>
</div>

它没有工作，但是当我更换管道的顺序时，它工作正常。

<div *ngFor="let l of listings | filterByStatus:'ACTIVE' | slice:0:2   ">
  <listing-item [listing]="l"></listing-item>
</div>

这是预期的行为还是我们可以按任何顺序使用它？

Answer 1

是的。在第一个例子中
slice 首先应用 filterByStatus 到 slice 的结果，
在第二个例子中，顺序是相反的。

您还可以使用括号来影响评估顺序，例如

(someobservable | async).items | slice:0:2