Angular 全局页面切换动画 me-pageloading
2016-05-15 13:51
671 查看
最近看了Codrops的一篇文章, 里面讲到了一个页面切换的效果, 详情点击此处. 看了这个效果感觉很赞, 觉得这个效果可以用在angular的页面切换中, 所以将这个效果移植到angular中, 做成一个angular module, 方便以后添加类似效果时, 直接使用.
Github: https://github.com/jeremial/me-pageloading
做好的demo效果
配合 angular-ui-router使用, 效果http://isay.me/me-pageloading/angular-ui-router.html
配合 angular-route使用, 效果http://isay.me/me-pageloading/angular-route.html
目前整个模块可以零配置工作, 但是由于angular-route的实现机制,
在angular-ui-router中没有此问题.
原文地址:http://cnodejs.org/topic/53c1132a400ca4581b538e39
Github: https://github.com/jeremial/me-pageloading
做好的demo效果
配合 angular-ui-router使用, 效果http://isay.me/me-pageloading/angular-ui-router.html
配合 angular-route使用, 效果http://isay.me/me-pageloading/angular-route.html
目前整个模块可以零配置工作, 但是由于angular-route的实现机制,
$routeChangeSuccess在页面初始化后会触发两次, 因此会造成页面直接进入后就会触发一次效果. 这个问题可以通过禁用
me-pageloading的自动加载解决.
在angular-ui-router中没有此问题.
原文地址:http://cnodejs.org/topic/53c1132a400ca4581b538e39
相关文章推荐
- 转:AngularJS的Filter用法详解
- [Angularjs]表单验证
- jhipster学习心得
- Part 32 AngularJS controller as syntax
- Part 31 AngularJS page refresh problem
- Part 30 AngularJS routeparams example
- Part 29 AngularJS intellisense in visual studio
- Part 28 AngularJS default route
- Part 27 Remove # from URL AngularJS
- [AngularJS面面观] 2. scope中的Dirty Checking(脏数据检查) --- Digest Cycle
- AngularJS中,联合使用ng-repeat和ng-if,可以实现对数据删选显示效果,特别适合于用作表单数据的显示
- angularjs-表单验证
- angular中重要指令介绍($eval,$parse和$compile)
- 深究AngularJS——过滤器(filter)
- angularJS指令参数详解
- angularJs中ngModel的坑
- 深究AngularJS——自定义服务详解(factory、service、provider)
- Angularjs中UI Router的使用方法
- AngularJS控制器controller如何通信?
- 深究AngularJS——排序