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