SORU
20 NİSAN 2013, CUMARTESİ


AngularJS : ng-bind daha iyi olduğunu Neden {{}} açısal olarak?

Açısal sunu biri oldu ve toplantı ng-bind bahsi geçen kişinin bir {{}} bağlama daha iyidir.

Bir nedeni, ng-bind değişken izleme listesinde ve sadece bir model değişikliği verilerini elde itti görünüm, diğer taraftan, {{}} sokmak ifadesi her zaman (sanırım bu açısal döngüsü) ve bas değeri, bile değeri değişti ya da değil.

Ayrıca, eğer kullanabilirsiniz ekranda pek bir veri varsa {{}} ve performans sorunu görünmez olduğunu söyledi. Birisi bana bu konuda biraz ışık tutabilir?

CEVAP
30 NİSAN 2014, ÇARŞAMBA


Görünürlük:

Eğer angularjs önyükleme sırasında, kullanıcı html yerleştirilen parantez görebilir. Bu ng-cloak ile ele alınabilir. Ama benim için bu ng-bind kullanırsam kullanmaya ihtiyacım yok, Bu geçici bir çözüm.


Performans:

{{}}çok daha yavaş.

ng-bind Bu birDirektifive geçirilen değişken bir izleyici yerleştirir. Yani ng-bind sadece, ne zaman geçerli olacakgeçirilen değer kaybetmesi aslında.

Öte yandan parantez olacakkirli kontrol ettive yenilenirherEğer varsa bile $digest,gerekli değil.


Şu anda büyük tek sayfa uygulaması (izleme başına~500 bağlamaları) yapıyorum. Değiştirmesini {{}} katı ng-bind scope.$digest her gibi bizi kurtardı.


Öneri:

Eğer kullanırsanız bir çeviri modülüaçısal tercümeher zaman tercih ederimdirektifleriönce açıklama parantez.

{{'WELCOME'|translate}} =><span ng-translate="WELCOME"></span>

Eğer bir filtre işlevi ihtiyacınız varsa, daha iyi aslında sadece özel filtre kullanan bir Direktif. Documentation for $filter service


GÜNCELLEME 28.11.2014(ama belki konu dışı):

Açısal 1.3 x "bindonce" işlevi var tanıttı. Bu nedenle bir kez öznitelik bir ifade değeri bağlayabilirsiniz (zaman bağlı olacak=! 'tanımsız').

Bu bağlayıcı değiştirmek için bekliyoruz bilmiyorum ne derece yararlıdır.

Kullanımı: "::" Bağlama: önce

<ul>  
  <li ng-repeat="item in ::items">{{item}}</li>
</ul>  
<a-directive name="::item">
<span data-ng-bind="::value"></span>

Örnek:

ng-repeat tabloda bazı verileri çıkış için, satır başına birden fazla bağlantıları ile. Çeviri-bağlamaları, her kapsamında yürütülen hangi filtre çıkışları, sindirmek.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jeremy Gallman

    Jeremy Gallm

    11 NİSAN 2012
  • уσ ρℓz sυв ιℓℓ sυв вαcқ

    уσ ρℓz

    14 EKİM 2010
  • wafflepwn

    wafflepwn

    14 AĞUSTOS 2008