角度如何防止FOUC

我正确使用ng-cloak吗？在Chrome中，带有帮助文本的div在隐藏之前闪烁。如果我将角度如何防止FOUC

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>

来源

2014-09-29 Tim

你在哪里加载AngularJS？我相信，如果你在内容后加载AngularJS，那么ng-cloak在AngularJS加载之前不会做任何事情。 – 2014-09-29 21:01:56

在适用的情况下，ng-bind会创造奇迹，但你仍然会得到一个FOUC。至少它会隐藏括号 – 2014-09-29 21:03:42

如果你使用'ng-cloak'，你需要添加一些特定的样式到你的''：https：//docs.angularjs.org/api/ng/directive/ngCloak – 2014-09-29 21:41:52

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

来源

2014-09-30 08:10:27

角度如何防止FOUC

回答

相关问题