关于angularjs花括号加载的时候显示成代码的解决方法

在引入angularjs以后，并使用{{}}表达式， 在加载的瞬间， 会看到代码， 这是一个非常不好的拥护体验，刚刚在《angularjs即学即用》里面看到解决方案，并且知道了为什么会出现这个情况。

1.解决方案一： ng-bind

当然， 如果在页面上使用ng-bind就不会出现这个状况， 但是满篇的ng-bind代码，好像看着都头疼。

2.解决方案2: 在head中加载angularjs文件

如果是在顶部加载angularjs，也可以避免这个问题。 然而看了很多优化代码的书都说应该把js放在页尾，css放在页头。

3. 解决方案3： css解决方法

在页面中定义css

 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak,.x-ng-cloak{
                display: none !important;
            }
            

自我感觉第三种方法最好。 设置ng-cloak在body中， 表示隐藏掉这些元素，当angularjs加载完毕后， 它会再次遍历html并已出所有的ng-clock. 不过最好能设置在更小的反胃， 这样可以让整个页面在加载的过程中逐步显示， 而不是一下子让所有的东西一股脑的现实出来。