一尘不染

AngularJS加载进度栏

angularjs

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

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


阅读 199

收藏
2020-07-04

共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
});
2020-07-04