AngularJS batarang插件、表达式闪烁问题、常用指令

1.batarang插件

调试AngularJS的Chrom浏览器的插件,batarang插件安装

2.表达式闪烁

加载文档树的时候尚未被AngularJS解析前加载到{{}}表达式就会在页面显示,在被AngularJS解析后消失,这个过程会造成表达式一闪即逝,闪烁一下,体验不是很好。
  angular提供了两个指令来解决这个问题。
  指令ng-bindng-cloak
  ng-bind指令只能使用在有闭合一对标签的DOM元素上,如

,pname被赋值好会回显在p标签中。
  ng-cloak指令的使用需是class形式的,如

{{pname}}

,在pname没被赋值以前,这个p标签的样式会被隐藏,避免了表达式闪烁。





    
    demo4
      


    

{{pname2}}

3.常用指令

AngularJS





    
    demo5
    

    



    
    

{{mousemsg}}

  • name:{{item.name}}    age:{{item.age}}
  • name:{{item.name}}    age:{{item.age}}
  •     
  • 呵呵
  • 哈哈
  • 嘿嘿
AngularJS batarang插件、表达式闪烁问题、常用指令_第1张图片
demo5.gif






你可能感兴趣的:(AngularJS batarang插件、表达式闪烁问题、常用指令)