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

Question

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

现在，一旦我登陆该页面，介绍就会开始，一切都很好，直到我导航到另一个页面 - 似乎介绍一直在播放，就像 DOM 一样，特别是 - 该指令不是正确删除。

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

这里的代码对于 post 来说是巨大的，我想知道是否有 quick 解决这个问题？如果没有，我会尝试 post 在 jsfiddle 上。

Answer 1

也许这样的事情会有所帮助

.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"));  

    });
});