SORU
28 HAZİRAN 2012, PERŞEMBE


Angularjs - ng-pelerin ng-öğeleri göster/blink

Yönerge/sınıf ng-cloak ng-show angularjs ile bir sorunu var.

Chrome gayet iyi çalışıyor ama Firefox ng-cloak ng-showelementler yanıp neden oluyor. style="display: none;", muhtemelen FF javascript derleyicing-cloak/ng-show dönüştürme neden IMHO elemanları bir süre için görünür ve gizlemek o zaman biraz daha yavaş.

Örnek:

<ul ng-show="foo != null" ng-cloak>..</ul>

Herhangi bir ipucu takdir ediyorum ya, çok sinir bozucu, yardım ederdim

CEVAP
7 Kasım 2012, ÇARŞAMBA


Belgelere bahsetmemiş olsa da, CSS için display: none; kural eklemek için yeterli olmayabilir. Vücutta angular.js eğer yükleme veya şablonlar yakında derlenmiş olmadığı durumlarda, ng-cloak yönergesini kullanınveCSS: şunlardır

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

Açıklamada belirtildiği gibi !important önemlidir. Eğer aşağıdaki biçimlendirme varsa, örneğin,

<ul class="nav">
  <li><a href="/foo" ng-cloak>{{bar}}</a></li>
</ul>

ve bootstrap.css aşağıdaki seçici ng-cloak'ed element . sizin için daha özeldir kullanıyor başına

.nav > li > a {
  display: block;
}

Eğer vardır bir kuralı ile sadece display: none;, Bootstrap kuralı çıkar ve display ayarlanır block, göreceksin titreme önce şablon derler.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Drakinen

    Drakinen

    1 EYLÜL 2008
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013
  • Ty Moss

    Ty Moss

    20 Kasım 2007