AngularJS加载进度栏

当使用AngularJS并使用$location.path('/path')进行重定向时，新页面的加载需要一段时间，尤其是在移动设备上。

有没有一种方法可以添加进度条以进行加载？也许像YouTube这样的东西？

最佳答案

对于YouTube一样的进度条，您可以看看ngprogress。然后，在配置完应用程序之后(例如)，您可以intercept route's events。

并执行类似的操作:

app.run(function($rootScope, ngProgress) {
  $rootScope.$on('$routeChangeStart', function() {
    ngProgress.start();
  });

  $rootScope.$on('$routeChangeSuccess', function() {
    ngProgress.complete();
  });
  // Do the same with $routeChangeError
});