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

Q:初始化页面加载问题

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

A:2种方案

  1. {{some-var}}

    #Angular# 初始化页面加载问题_第1张图片
    Paste_Image.png

    为了保险起见,还是在head中加入以下样式
  2. 改{{some-var}}为ng-bind="some-var"
    tips:
    这里需要注意的是,ng-bind会替换掉标签里所有的内容
    所以如果标签里还有别的内容,最好如下替换
{{some-var}} ...
//-----替换内容----

more:

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

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

你可能感兴趣的:(#Angular# 初始化页面加载问题)