SORU
4 EKİM 2013, Cuma


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
4 EKİM 2013, Cuma


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.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Autodesk 3ds Max Learning Channel

    Autodesk 3ds

    23 HAZİRAN 2010
  • Maschine Tutorials

    Maschine Tut

    15 ŞUBAT 2011
  • njhaley

    njhaley

    24 NİSAN 2006