Question

我有这段代码

app.run(['$location', '$rootScope', 'ngProgress', '$timeout', function($location, $rootScope, ngProgress, $timeout) {
  $rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
      console.log(ngProgress.status());
  ngProgress.complete();
  console.log(ngProgress.status());
  });
  $rootScope.$on('$routeChangeStart', function() {
    console.log(ngProgress.status());
ngProgress.start();
console.log(ngProgress.status());

  });

}]);

它可以工作，但加载栏显示在加载页面内容之后，而不是在我点击链接时。所以它看起来像这样： 1.我点击链接我等了5秒钟 3.Page loaded loaded;进度条显示;进度条结束

如何在点击链接并显示进度后显示进度条？

编辑：我添加到控制台当前状态（宽度）的栏中。它显示我0,0,0,100 - ＆gt;这就是我所说的，它不能正常工作。它只是显示和隐藏。（即使页面正在加载5个secons）

angular.js何时调用ng-progress api方法

0 个答案: