Angular 模板效率中的 Lodash

Question

我有一个 Angular 2.x 应用程序，它在其组件中利用了 Lodash，我也在考虑在视图模板中使用它。

我注意到 Angular（从 1.x 切换到 2.x）放弃了对 "performance reasons," 的一些更密集的视图模板管道（如 filter 和 orderBy）的支持，现在它说“在组件中执行”。

在视图中使用 Lodash 是否应该遵循相同的建议？是否有“性能原因”为什么我不应该在视图中使用 Lodash（或类似的库）？有没有什么时候没有影响，有的时候有影响？

一些示例用法如下：

<div *ngIf="_.isEmpty(someVariable)">
  ....
</div>

<div *ngFor="let x of _.union(arrayOne, arrayTwo)">
  ....
</div>

感谢您的任何意见！有问题的项目是开源的，托管在here。

Answer 1

在模板绑定上使用 lodash 函数或任何计算函数是有风险的。

角度变化检测会以超出预期的方式运行此函数的次数过多，这可能会导致滞后或无限循环，请改为绑定变量。

触发 loadash 或对组件挂钩的任何计算效率更高。