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

  • FrameCityJackal

    FrameCityJac

    4 Aralık 2010
  • Fullscreen

    Fullscreen

    23 Mart 2006
  • PhoneBuff

    PhoneBuff

    10 HAZİRAN 2011