ne ng-eğer farkı (- Haritayı ng/ng-hide
ng-if
arasındaki farkı anlamaya çalışıyorum ve 6*/ng-hide
*ama bana hepsi aynı görünüyor.
Aklında bir ya da diğer kullanım için tercih etmem gereken bir fark var mı ?
CEVAP
ngİf
ngIf
Yönergekaldırır veya yeniden oluştururDOM ağacının bir kısmını ifadeye bağlı. Eğer ifade ngIf
atanmış yanlış bir değer verirse o zaman unsuru DOM kaldırılır, aksi takdirde elemanın bir klon DOM içine yeniden takıldı.
<!-- when $scope.myValue is truthy (element is restored) -->
<div ng-if="1"></div>
<!-- when $scope.myValue is falsy (element is removed) -->
<div ng-if="0"></div>
Bir öğe ngIf
kullanarak kaldırıldığında kapsamı yok edilir ve yeni bir kapsam unsuru geri yüklendiğinde oluşturulur. Kapsam ngIf
içinde oluşturulan üst kapsamı ilk kalıtım kullanarak devralır.
Eğer ngModel
kullanılan içinde ngIf
bağlamak için bir JavaScript ilkel tanımlanan ana ortaklık kapsamında, herhangi bir değişiklik yapılamaz değişken içinde çocuk kapsamında değil etkileyen değer ana ortaklık kapsamında, örneğin
<input type="text" ng-model="data">
<div ng-if="true">
<input type="text" ng-model="data">
</div>
Bu durumdan kurtulmak ve alt kapsamı içinde üst kapsamda modeli güncellemek için, bir nesne kullanın:
<input type="text" ng-model="data.input">
<div ng-if="true">
<input type="text" ng-model="data.input">
</div>
Ya da, $parent
üst kapsamı başvuru için değişken nesne:
<input type="text" ng-model="data">
<div ng-if="true">
<input type="text" ng-model="$parent.data">
</div>
ngShow
ngShow
Yönergegösterir veya gizlerbelirli bir HTML öğesi ifadesi ngShow
için sağlanan temel nitelik. Öğe veya öğe üzerine ng-hide
CSS sınıfı ekleme ve kaldırma tarafından gösterilen gizli. .ng-hide
CSS sınıfı AngularJS tanımlıdır ve hiçbiri görüntü stili (!important
bir bayrak kullanarak) ayarlar.
<!-- when $scope.myValue is truthy (element is visible) -->
<div ng-show="1"></div>
<!-- when $scope.myValue is falsy (element is hidden) -->
<div ng-show="0" class="ng-hide"></div>
ngShow
ifade false
sonra değerlendirir ng-hide
CSS sınıfı öğe class
özniteliğini gizli olmasına neden eklenir. true
, ng-hide
CSS sınıfı öğesi gizli görünmüyor elemanı neden kaldırılır.
AngularJs:-Haritayı ng / ng-hide...
Iıf arasında performans farkı() ve Eğe...
Ng-eğer karşı iyilik için zaman zaman ...
Çalıştırılabilir ve Çağrı arabirimleri...
Yakalanmamış eğer data: okuma özelliği...