角度模板效率中的Lodash

时间:2017-06-26 18:04:41

标签: performance angular templates view lodash

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

我注意到Angular(从1.x切换到2.x)放弃了对{{3}的一些更密集的视图模板管道(如filterorderBy)的支持现在它说“在组件中做到了。”

在视图中使用Lodash应遵循相同的建议吗?是否存在“性能原因”为什么我不应该在视图中使用Lodash(或类似的库)?是否有时间它没有起作用和时间呢?

一些示例用法可能如下:

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

感谢任何输入!有问题的项目是开源的,并托管"performance reasons,"

1 个答案:

答案 0 :(得分:0)

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

角度变化检测将按照您的意图运行此函数的次数太多次,这可能会导致滞后或无限循环,而是绑定变量。

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