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

Question

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

内联样式属性

<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指令。

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

Answer 1

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

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

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

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