#Angular# 初始化页面加载问题

Q：初始化页面加载问题

在最近的项目中用到了Angular，项目完成之后遇到了页面初次加载会出现{{some-var}}，不是特别适合被用户看到的画面。

A：2种方案

1. <div ng-cloak class="ng-cloak">{{some-var}}</div>
   Paste_Image.png
   为了保险起见，还是在head中加入以下样式
   <pre><style> [ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display:none !important; } </style></pre>
2. 改{{some-var}}为ng-bind="some-var"
   tips：
   这里需要注意的是，ng-bind会替换掉标签里所有的内容
   所以如果标签里还有别的内容，最好如下替换

<div>
    {{some-var}}
    <a><a>...
</div>
//-----替换内容----
<div>
    <span ng-bind="some-var"></span>
    <a><a>...
</div>

more:

页面加载依旧还是能看见{{som}}，然后再被隐藏，再显示。推测应该是浏览器加载速度大于了angular样式加载？？？

参考链接：
ngCloak 实现 Angular 初始化闪烁最佳实践