angularjs 中带有 ngRoute 的进度条

Question

您好，我目前正在使用 ngRoute 从后端获取模板。但是由于模板的大小，它会冻结直到加载模板。我想要的是一个显示模板状态的进度条 正在下载 .

我发现 ngProgress 可能是我想要的东西，但我无法集成它。这是 ngRoute

的一个小片段

App.config(function($routeProvider, $locationProvider) {
    $routeProvider
        .when('/', {
                templateUrl : '/templates/home.html',
                controller  : 'landing'
            })
        .when('/login', {
                templateUrl : '/templates/login.html',
                controller  : 'authCtl'
            })
        .when('/signup', {
                templateUrl : '/templates/signup.html',
                controller  : 'authCtl'
            })
        .otherwise({
                templateUrl : '/templates/404.html',
                controller  : 'mainController'
        });
    $locationProvider.html5Mode(true);
});

Answer 1

你试过angular-loading-bar了吗？ https://chieffancypants.github.io/angular-loading-bar/

angularjs 中带有 ngRoute 的进度条

Progress bar with ngRoute in angularjs

javascript

angularjs

ngroute