在AngularJS中更改路径(动画,加载器等)时触发回调

Ken*_*nne 10 angularjs angularjs-directive

我对AngularJS很新.

当路线改变时,ng-view改变内容.我希望能够做的是在路线改变时挂钩一些行为.

  1. 我希望能够为我们离开的视图设置动画(淡出,向左滑动),当下一个视图随时可用时,淡入淡出并滑动视图.这可以通过添加类来实现路由加载时的正文,并删除路由更改成功的类

  2. 我希望能够将视图堆叠在当前视图的右侧,这样当向前移动时,下一个视图首先被加载到当前视图的右侧,然后视口向右滑动以便当前视图查看幻灯片几乎不在视图中,下一个幻灯片进入视图(Windows手机就像关闭画布导航)

$ routeProvider是否适合这样做?

那里有没有可以指引我朝正确方向前进的大师?

Ken*_*nne 12

经过一些研究后,为此目的发生了一些事件.

$scope.$on('$routeChangeStart', function(scope, next, current){
   //...
});

$scope.$on('$routeChangeSuccess', function(scope, next, current){
   //...
});
Run Code Online (Sandbox Code Playgroud)

如果问题是为某些东西设置动画(例如路线更改),我建议使用ngAnimate.在这里阅读更多相关信息

  • 当'$ routeChangeSuccess'触发时,我们发现DOM通常不会与路径模板完全融合. (2认同)