Question

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

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

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

Angular版本：1.3.15

欢迎任何帮助。

提前致谢。

Answer 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上的原因。）

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

1 个答案: