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-show
elementler 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
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.
Nasıl Ruby dizini göster....
AngularJS uygulaması.() çalışma belgel...
Ne'In AngularJs uygulamalar yazar...
JavaScript "Dizi(n)" yeni; ve...
Nasıl Listesinde benzersiz öğeleri bul...