使用* ngFor进行角度子组件渲染在数据更改时非常慢

Question

我使用ngFor渲染子组件并使用lodash应用某些过滤器，渲染效果非常慢。

父组件：

COPY

父模板中的

cities = [];

在父组件中，当用户点击按钮时，我正在使用lodash过滤数据。

<app-city *ngFor="let city of cities"></app-city>

Answer 1

您可以尝试使用管道： 如果使用.filter（），您可以定义管道（使用CLI命令ng g pipe citydistance）。在此ts中，您必须修改transform方法才能实现过滤器。最后，您必须在ts组件中导入它并将其添加到示例let city of cities | citydistance的ngFor中。

希望它可以帮助再见