Angolare come impedire FOUC

Sto usando correttamente ng-cloak? In chrome il div con il testo della guida lampeggia prima di essere nascosto. Se aggiungoAngolare come impedire FOUC

style="display:none;"

all'ancora. Non ho questo tipo di flash. Nella mia classe angolare hideHelp è true per impostazione predefinita.

<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>

fonte

2014-09-29 Tim

Dove stai caricando AngularJS? Credo che se carichi AngularJS dopo il contenuto, cioè il piè di pagina, 'ng-cloak' non farà nulla finché non verrà caricato AngularJS. –

ng-bind fa miracoli, dove applicabile, ma otterrai comunque un FOUC. Almeno nasconderà le parentesi –

Se stai usando 'ng-cloak' devi aggiungere alcuni stili specifici al tuo' ': https://docs.angularjs.org/api/ng/directive/ngCloak –

Se stai usando ngCloak si deve aggiungere stili specifici nel vostro <head> (in modo da lavorare prima di AngularJS è caricato).

[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

fonte

2014-09-30 08:10:27

risposta

Problemi correlati