Angular 2 管道触发

Question

我有一组模型。在模板中我使用管道

<div class="card-panel" *ngFor="let card of cards | sortByType">
    <card-view [card]="card" [autoupdate]="true"></card-view>
</div>

在每个组件中，我都有一个用于更新数据的计时器。但是当模型更新时，管道没有再次运行。在这种情况下，有没有办法强制运行管道或做一些 Angular 方式。

在卡片 View 中，我有一个更新卡片变量的计时器。但是 Angular 不会捕捉到触发管道的这种变化

Answer 1

• 您可以创建 cards 的副本，然后 Angular2 更改检测会检测到更改并再次执行管道。

• 你可以让管道变得不纯净

@Pipe({ name: 'sortByType', pure: false})

这会导致每次运行更改检测时都执行您的管道。

您可以使用 IterableDiffer 进行自定义更改检测，并在数组实际没有更改时返回缓存的结果。

使用此选项时，您必须小心不要导致严重的性能下降。

• 您可以将一个附加参数传递给您更新的管道(例如，每次数组更改时都会增加一个数字。

这种方式会调用管道，因为每次值或参数发生变化时，Angular 变化检测都会调用管道。

缺点是使用起来比较麻烦。