Angular ng-view 动画完成/完成回调答案

【问题标题】：Angular ng-view animation done/complete callbackAngular ng-view 动画完成/完成回调
【发布时间】：2015-05-20 14:16:05
【问题描述】：

我目前正在开发一个在手机上使用的小型 Angular 应用程序。

ng-view 保存视图，视图之间的导航是动画的（简单的滑动）。

在开始从远程服务器加载数据之前，我想等待动画完成。不幸的是，我找不到一个好的事件或句柄来挂钩。

Angular 版本：1.3.15

欢迎任何帮助。

提前致谢。

【问题讨论】：

标签： javascript angularjs ng-animate ng-view

【解决方案1】：

所以现在我们在 Angular 1.4 中，这可能不再重要了。但是我过去所做的（可能不对）是在我的动画中触发广播事件。这只有在使用 JS 动画而不是 CSS 时才真正可行。

.animation('.slider', function() {
  return {
    beforeRemoveClass: function() {
      // Do your animation, when the JS is done (via callback) example:
      new TweenMax(element, 1, {left: 50}, function() {
        // this is the callback from the JS animation, announce it's done
        $rootScope.$broadcast('animationDone');
      });
    }
  }

现在您的控制器可以监听animationDone 通知并调用服务器。

我就是这样做的。这可能不是最好的方法，但它确实有效。我很乐意听到其他人做了什么。现在我使用的是 1.4 版，我正在尝试使用他们所拥有的承诺。（这就是我今天使用 stackoverflow 的原因）。

【讨论】：