具有约束力的anglejs – ng风格或风格属性？哪个更好？哪个更快

发布时间：2020-12-17 08:09:46 所属栏目：安全来源：网络整理

导读：我正在优化我的大型应用程序。我在以下两种方法之间感到困惑，请帮忙确定哪一种更快。内联样式属性 div style="background-color:{{item.color}}"/div 使用ng风格 div ng-style="{'background-color':item.color}"/div 使用一次风格 div once-style="{'back

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

内联样式属性

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

使用ng风格

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

使用一次风格

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

注意：对于一次风格，我使用了AngularOnce指令。

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

既然您正在优化相当大的应用程序，性能肯定是有问题的，我认为ngStyle表现更好，因为它设置在模型上观看，只有在模型发生变化时才会更新视图。

所以我会使用ngStyle或onceStyle取决于你的场景：

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

使用{{}}将使Angular更新每个摘要循环的绑定，即使该值没有更改。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!