AngularJS加载进度栏

Question

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

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

Answer 1

对于YouTube一样的进度条，您可以查看ngprogress。然后，例如，在配置好应用程序之后，您就可以拦截route的events。

并执行类似的操作：

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

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