Angular 全局页面切换动画 me-pageloading

最近看了Codrops的一篇文章, 里面讲到了一个页面切换的效果, 详情点击此处. 看了这个效果感受很赞, 以为这个效果能够用在angular的页面切换中, 因此将这个效果移植到angular中, 作成一个angular module, 方便之后添加相似效果时, 直接使用.

Github: https://github.com/jeremial/me-pageloading

作好的demo效果

1. 配合 angular-ui-router使用, 效果http://isay.me/me-pageloading/angular-ui-router.html
2. 配合 angular-route使用, 效果http://isay.me/me-pageloading/angular-route.html

目前整个模块能够零配置工做, 可是因为angular-route的实现机制, $routeChangeSuccess在页面初始化后会触发两次, 所以会形成页面直接进入后就会触发一次效果. 这个问题能够经过禁用me-pageloading的自动加载解决.

在angular-ui-router中没有此问题.

 

原文地址：http://cnodejs.org/topic/53c1132a400ca4581b538e39