角度淡入淡出 - 没有CSS的标准方式？

我觉得非常难以作出的动画角，比较jQuery的。有角动画淡入淡出和这么多版本，我发现他们的博客/教程/等，有的则是在老版本的角度。当它的新版本出现以取代旧版本时，Angular似乎非常不协调。我看不到任何标准的做法。因此我不知道从哪里开始。角度淡入淡出 - 没有CSS的标准方式？

我只是在形式或HTML文档淡出按钮被按下时。

HTML，

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

角，

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

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

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

什么想法？

来源

2014-12-13 laukok

则可以使用angular-animate.js角意愿add和remove几个类时此文件在显示和隐藏时在这种情况下

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

使用ng-show或ng-hide。基于这些类，我们可以为元素设置一个css动画。

这里是一个简单plunker

为ng-include动画

ng-leave.ng-leave-active.ng-enter-active类添加到元素。有一些关于动画时添加的类的描述。那说明是从ngAnimate

这里是ng-enter演示Plunker

这里是reference的类如何分配给元素时angularjs

来源

2014-12-13 11:28:11

感谢动画元素。但我如何将它与ng-include整合？ – laukok 2014-12-13 11:39:15

更新答案请:) – 2014-12-13 12:13:11

感谢您的更新。我不断收到此错误'错误：$ animate.enter（...）是undefined' - 它似乎是一个版本的问题还是其他什么东西！ – laukok 2014-12-13 12:30:16

角度淡入淡出 - 没有CSS的标准方式？

回答

相关问题