ng-cloak ve ng-show ekrandaki gizli öğeyi yanıp söner

Question

Öğeler listem boş olduğunda yalnızca göstermek istediğim bir div öğem var. Bu yüzden (Haml cinsinden) aşağıdaki koymak:

#no-items.ng-cloak{ :ng_show => "items.length <= 0", :ng_cloak => true } 

Ancak, eleman hala ekranda yanıp sönmesi Bu işlem tamamlandıktan sonra bile. Sonra Angularjs - ng-cloak/ng-show elements blink'u gördüm, ancak CSS'de aşağıdakileri ekledikten sonra bile, göz kırpma hala gerçekleşir.

[ng\:cloak], [ng-cloak], .ng-cloak { 
    display: none !important; 
} 

Ne yaptığım hakkında bir fikriniz yanlış?

Answer 1

Yukarıda gösterilen ng-cloak CSS'nin sayfanızın başında yüklü olduğundan emin olun.

<div ng-hide="items.length" ng-cloak>no items</div> 

Numune :

Bu

yapmanız gereken tüm olmalıdır.

Answer 2

JS yüklendikten sonra nasıl çalışacağını etkilemeden ng-hide'u sınıfa yerleştirebilirsiniz. Bununla birlikte, JS'nin yüklenmesini beklerken, CSS'nin dikkate alması için onu koymak yararlıdır.

<div data-ng-controller="RoomsController"> 
<div ng-cloak class="ng-cloak ng-hide" data-ng-if="visible" > 
    Some text 
</div>   
</div> 

Answer 3

Çözümlerin hiçbiri benim için işe yaramadı. Bulunan tek çözüm aşağıdaki gibidir:

$scope.$on('$viewContentLoaded', function() { 
      $scope.completed = true; 
});    

ve her bir bakış html,-ng ise = üstteki elemana "tamamlandı" ekleyin: Her denetleyicisi

ekleyin. Örneğin:

<div ng-if="completed"> 

Not: Sorun ateş ve ui-yönlendirici sınırlandırılmıştır. Orada, ng-pelerin yok sayılır ve css çözümü yoktur. Benim için çalışan tek çözüm, yukarıda verdiğim çözüm.

Answer 4

bunun için şu anda açık bir sorun var: https://github.com/angular/angular.js/issues/14015

Bu geçici çözüm benim için çalıştı: ng-pelerini için hiçbir sihirli yoktur

.ng-hide.ng-hide-animate { 
    display: none !important; 
}