2014-09-29 15 views
7

ng-plova doğru kullanıyor muyum? Chrome'da yardım metinli div gizli kalmadan önce yanıp söner. Ben demireKöşeyi önlemek için açılışı FOUC

style="display:none;" 

ekleyin. Ben böyle bir flaş alamıyorum. Açısal sınıftaki hideHelp varsayılan olarak doğrudur.

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

Nereye angularjs yüklüyorsunuz? AngularJS'yi içerikten, yani altbilgi yükledikten sonra, 'ng-cloak' AngularJS yüklenene kadar hiçbir şey yapmayacağına inanıyorum. –

+0

ng-bind, uygun yerlerde harikalar yaratır, ancak yine de bir FOUC elde edersiniz. En azından –

+2

köşeli parantezleri gizleyecektir Eğer 'ng-cloak' kullanıyorsanız, 'nize bazı özel stiller eklemeniz gerekir: https://docs.angularjs.org/api/ng/directive/ngCloak –

cevap

9

Eğer <head> (böylece angularjs önce çalışmak yüklenir) belirli stilleri eklemek sahip ngCloak kullanıyorsanız.

[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

İlgili konular