角如何prevent FOUC

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

问题描述

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

 风格=显示：无;

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

 ＆LT; A HREF =＃类=BTN BTN-SM BTN-INFO右拉NG-斗篷NG-斗篷NG点击=toggleHelp（）＆GT ;帮助＆LT; / A＆GT;
    ＆LT; DIV NG隐藏=hideHelpNG-披风类=NG-斗篷＆GT;
          等等等等等等.....帮助
    ＆LT; / DIV＆GT;

解决方案

如果你使用 ngCloak 你必须在添加特定的风格你的 ＆LT; HEAD＆GT; （所以他们AngularJS工作之前加载）

。

  [NG \\：披风]，[NG-披风]，[数据-NG-披风]，[X-NG-披风] .ng斗篷，.X-NG -cloak {
    ！显示：无重要;
}

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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！