为什么 ng-bind 在 AngularJS 中比 {{}} 更好?
一位演讲者分享了使用 ng-bind 优势的见解AngularJS 中的 {{}} 插值,引用了性能和可见性优势。让我们详细说明一下这些点:
可见性:
与 {{}} 表达式不同,ng-bind 使用 ng-cloak,确保占位符括号在应用程序之前保持隐藏状态满载。这带来了更清晰的用户体验。
性能:
{{}} 插值在每个 $digest 周期上执行代价高昂的脏检查,更新绑定值,即使它保持不变。相比之下,ng-bind 在绑定变量上放置一个观察器,仅在值实际更改时触发更新。这会带来显着的性能提升,特别是在具有大量绑定的应用程序中。
建议:
为了获得最佳性能和可见性,建议使用 ng-bind 而不是 {只要有可能,就{}}。像 ng-bind 这样的指令可以更好地控制更新并增强用户体验。
对于翻译功能,请考虑使用括号注释指令,因为指令性能更好。同样,如果您需要过滤,请选择使用自定义过滤器的指令。
更新(2014 年 11 月 28 日):
Angular 1.3x 引入了绑定,允许一 -表达式的时间绑定。当绑定值不太可能改变时,这非常有用,可以最大限度地减少不必要的更新并提高性能。
以上是为什么在 AngularJS 中选择 ng-bind 而不是 {{}} 插值?的详细内容。更多信息请关注PHP中文网其他相关文章!