角度如何防止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

回答

相關問題