Question

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

style="display:none;"

到锚点。我没有这样的闪光。在我的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>

Answer 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

Angular如何防止FOUC

1 个答案: