一尘不染

ng-style或具有绑定属性的style?哪个更好?哪个更快?有什么区别?

angularjs

我正在优化我的大型应用程序。我对以下两种方法感到困惑,请帮助确定哪种方法更快。

内联样式属性

<div style="background-color:{{item.color}}"></div>

使用ng样式

<div ng-style="{'background-color':item.color}"></div>

使用一次样式

<div once-style="{'background-color':item.color}"></div>

注意 :对于once-style,我使用了AngularOnce指令。

提前致谢。请告诉我哪个更快,为什么。


阅读 389

收藏
2020-07-04

共1个答案

一尘不染

由于您正在优化相当大的应用程序,因此性能肯定受到质疑,我认为ngStyle性能会更好,因为它可以在模型上设置监视,并且仅当模型更改时才会更新视图。

因此,我会选择ngStyle还是onceStyle根据您的情况选择:

<div once-style="{'background-color':item.color}"></div>

{{}}即使值未更改,使用也会使Angular在每个摘要周期更新绑定。

2020-07-04