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

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ş: