Angular如何防止FOUC

Tim*_*Tim 7 javascript angularjs

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

style="display:none;"
Run Code Online (Sandbox Code Playgroud)

到锚.我没有这样的闪光.在我的angular类中,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>
Run Code Online (Sandbox Code Playgroud)

Mic*_*zyn 9

如果您正在使用ngCloak,则必须在您的<head>角色中添加特定样式(因此它们在加载AngularJS之前可以正常工作).

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
Run Code Online (Sandbox Code Playgroud)

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