角如何预防FOUC

我是否正确使用ng-cloak?在chrome中,带有帮助文本的div在被隐藏之前会闪烁。如果我加

style="display:none;"

到锚点。我没有得到这样的闪光。在我的角度类中,hideHelp默认为true。

<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>

回答:

如果您正在使用ngCloak,则必须在其中添加特定的样式<head>(以便它们在AngularJS加载之前起作用)。

[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

以上是 角如何预防FOUC 的全部内容, 来源链接: utcz.com/qa/398120.html

回到顶部