ng-bind与{{ }} binding

今天早上遇到一个小bug,mac的chrome在搜索订单的时候,显示的是上一个订单号,也就是数据没有更新嘛,而且我试了很多次,有时会出现,有时不会出现(衰),多么奇怪的bug呀

看log,那就是视图没有更新咯,用的是{{ }},只有这个字段没有更新,其它都是好好的。那就试试ng-bind吧 结果 test ok hahahahah~ 这个应该是angular的一个小bug咯

Performance

  • {{ }}比较慢 ng-bind比较快
  • ng-bind会单独watcher这个变量,(这个就是解决刚才那个bug的关键)所以当这个值改变的时候,视图才会变化
  • {{ }}是脏检查机制运行的时候就会checked and refreshed,不管有没有必要

以上就是它俩的主要区别咯

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 介绍 AngularJS是一款由Google公司开发维护的前端MVC框架,其克服了HTML在构建应用上的诸多...
    崔皓翔阅读 862评论 0 5
  • AngularJS AngularJS概述 介绍 简称:ng Angular是一个MVC框架 其他前端框架: Vu...
    我爱开发阅读 2,347评论 0 8
  • Angular 笔记 Angularjs 中 ui-sref 和 $state.go 如何传递参数 ng-repe...
    神刀阅读 568评论 0 1
  • 基础ng属性指令 ng-hrefng-srcng-disabledng-checkedng-readonlyng-...
    JUN_API阅读 516评论 0 0
  • 这里讲的是我在这周内所了解的技术动态,我在项目里遇到的事情。可能对我是新鲜事,对你并不是,对行业来看也不是。 这次...
    点作苏格拉底阅读 230评论 0 0