角度2管道触发

Question

我有一系列模特。在模板中我使用管道

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

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

在卡片视图中，我有一个更新卡片变量的计时器。但是Angular没有抓住这个改变来触发管道

Answer 1

• 您可以创建cards的副本而不是Angular2更改检测检测到更改并再次执行管道。

• 您可以使管道不纯净

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

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

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

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

• 您可以将其他参数传递给您更新的管道（例如，每次更改阵列时都会增加的数字。

这样管道就会被调用，因为每当值或参数发生变化时，Angular变化检测都会调用管道。

缺点是使用起来有点麻烦。