今天说一下关于AngularJs的闪屏问题和使用对象扩充和数据遍历，直接上代码：

（一）、闪屏问题

    首先要知道是什么原因会造成闪屏问题，大家都知道数据绑定会有2种写法（此处的2种不包括表单的数据绑定），即ng-bind和`xxx`的写法，

    比如以下代码

<div>`name`</div>和<div   ng-bind=”name”></div>

这两种都可以绑定数据，但是`name`在页面刷新时Web渲染的时候还会显示`name`,然后当Angularjs的内容被读完之后，Angular才会处理`name`的内容，比如$scope.name=”你好”;当Angular被加载之后`name`才会变为”你好”，所以会有闪屏的现象。但是用指令ng-bind=”name”不会出现闪屏，因为指令实在标签属性里不会显示在页面当中，虽然这两者都是在Angular加载完成之后才会再渲染相应的内容，效果却不一样。

那这样大家可能回想，那以后大家都用指令来绑定不就行了吗？但是指令是写在标签的属性里，如果要绑定的名称很长`zxcvbmdashkeqw`或者还要在指令里面做运算+-*/..等等，这会导致标签的属性过于冗余，不是理想的解决方法，所以大家可以这样写

     
                `name`
     

class="ng-cloak"就是解决闪屏问题的关键指令，要保证style里面有对应的样式，还要保证在对应模块的标签里要有class="ng-cloak"，这样就完美解决了，原理是这个模块会在Angular将这个模块渲染完之后再显示模块内的数据。J

（二）、对象扩充和数据遍历

直接撸代码：

			
     		
      		
       		
       				
       
        			
        
         				`key` -- `value`