角如何prevent FOUC [英] Angular how to prevent FOUC

查看:127
本文介绍了角如何prevent FOUC的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用NG-斗篷是否正确?在成为隐藏的镀铬前与帮助文本闪烁股利。
如果我想补充

 风格=显示:无;

到锚。我得到没有这样的闪光。在我的角类hideHelp默认情况下是正确的。

 < A HREF =#类=BTN BTN-SM BTN-INFO右拉NG-斗篷NG-斗篷NG点击=toggleHelp()&GT ;帮助< / A>
    < D​​IV NG隐藏=hideHelpNG-披风类=NG-斗篷>
          等等等等等等.....帮助
    < / DIV>


解决方案

如果你使用 ngCloak 你必须在添加特定的风格你的 < HEAD> (所以他们AngularJS工作之前加载)

  [NG \\:披风],[NG-披风],[数据-NG-披风],[X-NG-披风] .ng斗篷,.X-NG -cloak {
    !显示:无重要;
}

<一个href=\"https://docs.angularjs.org/api/ng/directive/ngCloak\">https://docs.angularjs.org/api/ng/directive/ngCloak

Am I using ng-cloak correctly? In chrome the div with help text flashes before becoming hidden. If I add

style="display:none;"

to the anchor. I get no such flash. In my angular class hideHelp is true by default.

<a href="#" class="btn btn-sm btn-info pull-right ng-cloak" ng-cloak ng-click="toggleHelp()">Help</a>
    <div ng-hide="hideHelp" ng-cloak class="ng-cloak" >
          blah blah blah help.....
    </div>

解决方案

If you're using ngCloak you have to add specific styles in your <head> (so they work before AngularJS is loaded).

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

https://docs.angularjs.org/api/ng/directive/ngCloak

这篇关于角如何prevent FOUC的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆