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

Remove / cancel animations in ui router when navigating back and forth

本文关键字：路由器 UI 动画 取消 导航 删除      更新时间：2023-09-26

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

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

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

在这里发布代码是巨大的，我想知道是否有快速解决方案？如果没有，我会尝试将其发布在jsfiddle上。

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"));  
    });
});
相关文章：