Açısal fadein ve fadeout - CSS'siz standart yol?

Question

Açılışı, jQuery ile karşılaştırmak için açılışı çok zor buluyorum. Açılan animasyon fadein ve fadeout'unun birçok sürümü vardır, bunları bloglardan/öğreticilerden/vb. Bulduğumdan bazıları, açısal eski sürümündedir. Açısallar, eskilerinin yerini almak için daha yeni bir sürümü çıktığında çok tutarsız görünüyor. Bunu yapmanın standart bir yolunu göremiyorum. Bu yüzden nereden başlayacağımı bilmiyorum.

Düğme tıklandığında sadece bir form veya html belgesinde kayboluyorum.

html,

<button ng-click="loadInclude" >Load Include Form</button> 
<div ng-include="'form.php'" ng-if="readyToLoadForm===true"></div> 

açısal,

var app = angular.module("myapp", ['ngAnimate']); 

    app.controller("FormController",function($scope) { 

      $scope.readyToLoadForm = false; 
      $scope.loadInclude = function(e) { 
       $scope.readyToLoadForm = true; 
      }; 
     } 
    ); 

herhangi bir fikir? gösteren ve gizleme bu öğeye angular-animate.js açısal irade add ve remove birkaç sınıfları kullanılırken

Answer 1

Bu durumda

<div ng-show="readyToLoadForm" class="animate-show animate-hide">TEST HERE</div> 

içinde ng-show veya ng-hide bir kullanabilir. Bu sınıflara dayanarak, css animasyonunu öğeye ayarlayabiliriz.

burada

ng-leave.ng-leave-active.ng-enter-active sınıflar eleman eklemek ng-include animasyon için basit plunker

---

olduğunu. Animasyon yaparken eklenen dersler hakkında biraz tartışma var. ve bu desc burada ngAnimate

dan ng-enter demo burada Plunker

---

sınıflar elemana atanan nasıl reference olduğu zaman angularjs