在AngularJS中更改路线时如何才能有装载栏？

Question

当你更改视频时，YouTube有这个疯狂的酷炫功能，这里有一个指示页面加载的栏。使用AngularJS，我怎样才能产生相同的效果呢？

Answer 1

这是一个好的开始：https://github.com/chieffancypants/angular-loading-bar

它有一个拦截器，当XHR被触发时显示条形图，你可以更改它以便它显示$ routeChangeStart上的条形并隐藏它在$ routeChangeSuccess上。

Answer 2

PACE 对你有好处，它比你想要的更多;

http://github.hubspot.com/pace/docs/welcome/

或者您可以使用 Loadingbar.js ;

http://www.onextrapixel.com/2013/09/02/loadingbar-js-adding-a-youtube-like-loading-bar-to-your-website/