我有一组模型。在模板中我使用管道
<div class="card-panel" *ngFor="let card of cards | sortByType">
<card-view [card]="card" [autoupdate]="true"></card-view>
</div>
在每个组件中,我都有一个用于更新数据的计时器。但是当模型更新时,管道没有再次运行。在这种情况下,有没有办法强制运行管道或做一些 Angular 方式。
在卡片 View 中,我有一个更新卡片变量的计时器。但是 Angular 不会捕捉到触发管道的这种变化
最佳答案
您可以创建
cards
的副本,然后 Angular2 更改检测会检测到更改并再次执行管道。你可以让管道变得不纯净
@Pipe({ name: 'sortByType', pure: false})
这会导致每次运行更改检测时都执行您的管道。
您可以使用 IterableDiffer 进行自定义更改检测,并在数组实际没有更改时返回缓存的结果。
使用此选项时,您必须小心不要导致严重的性能下降。
- 您可以将一个附加参数传递给您更新的管道(例如,每次数组更改时都会增加一个数字。
这种方式会调用管道,因为每次值或参数发生变化时,Angular 变化检测都会调用管道。
缺点是使用起来比较麻烦。
关于Angular 2 管道触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40300867/