用于排序列表的异步管道，每次有鼠标或键盘事件时都会调用- Angular4。

Question

<div *ngFor="let student of mystudentsFiltered  | orderBy : ['-presence', 'unreadcount']>

在上面的for模板中，我使用了一个管道orderBy，它对列表进行排序，每次列表中有一个项(学生)的状态变化。不知何故，每当出现鼠标或键盘事件时，都会反复调用此管道。

研究发现，管道在Angular4中是执行的，每次都有变化检测。Angular4将更改检测机制中的以下内容视为：

1)事件-点击，提交，滚动，

2) XHR -从远程服务器获取数据

3)定时器- setTimeout()，setInterval()

当存在数据更改而不是默认的更改检测事件时，如何限制调用所述管道？

Answer 1

你不应该使用订单管道或过滤管道。正如你自己所经历的那样，这对你的表现很不利。您可以阅读更多关于它的这里。您需要在服务中进行订购。