Angularjs 如何使用ng include绑定到局部对象来触发angular 1.3动画_Angularjs_Animation_Angularjs Ng Include

Angularjs 如何使用ng include绑定到局部对象来触发angular 1.3动画

angularjs animation

Angularjs 如何使用ng include绑定到局部对象来触发angular 1.3动画,angularjs,animation,angularjs-ng-include,Angularjs,Animation,Angularjs Ng Include,我有一个绑定到范围变量的ng include 使用这种方法，我可以通过自己的“路由”系统动态更改包含的内容但是，角度动画是在enter和leave事件时触发的，并且不只是在ng include的绑定更改时触发实现这一点的最佳方法是什么，某种封装ng include行为的自定义指令，或者有没有一种更简单的方法来实现这一点，我没有这是索引html <body ng-controller="MainCtrl"> <div ng-include="templateU

我有一个绑定到范围变量的ng include

使用这种方法，我可以通过自己的“路由”系统动态更改包含的内容

但是，角度动画是在enter和leave事件时触发的，并且不只是在ng include的绑定更改时触发

实现这一点的最佳方法是什么，某种封装ng include行为的自定义指令，或者有没有一种更简单的方法来实现这一点，我没有

这是索引html

  <body ng-controller="MainCtrl">
     <div ng-include="templateUrl" class="animation" ></div>
     <br/><form> 
     <button  ng-click="swapTemplate()">Swap</button> 
     </form>
  </body>

plnk

您需要添加

angular animate.js

文件

<script data-require="angular-animate@*" data-semver="1.2.13" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-animate.js"></script>

这是演示

谢谢，我集成了angular库并正确注入了它，所以问题一定出在代码的其他地方。

<script data-require="angular-animate@*" data-semver="1.2.13" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-animate.js"></script>

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