一尘不染

角如何预防FOUC

angularjs

我是否正确使用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>

阅读 362

收藏
2020-07-04

共1个答案

一尘不染

如果您正在使用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

2020-07-04