在来回导航时删除/取消ui路由器中的动画

Question

我使用的是AngularJS ui路由器，我总共有3页。我面临的问题是在主页（第一页）上我有一个介绍动画，总共持续约10秒。介绍动画附加到指令。

现在，当我登陆该页面时，介绍开始，一切正常，直到我导航到另一个页面 - 似乎介绍继续播放，好像DOM，特别是 - 指令没有被正确删除。

有没有办法在导航到另一个页面之前删除/清除DOM？

此处发布的代码非常庞大，我想知道是否有快速修复此问题？如果没有，我会尝试将其发布在jsfiddle上。

Answer 1

这样的Mabe会有所帮助

.run(function($rootScope, $route, $location) {
      $rootScope.$on("$stateChangeStart", function (ev, to, toParams, from, fromParams) { {
      //to.name is new state name
      //from.name is old state name
       TweenMax.killTweensOf($("#yourId"));  

    });
});