如何调试角度路线？

Question

我正在尝试构建一个简单的应用程序。

我的index.html文件

<!DOCTYPE html>
<html>
    <head>
        <script src="/bower_components/angular/angular.js"></script>
        <script src="/bower_components/angular-route/angular-route.js"></script>
        <script src="/js/main.js"></script>
        <script src="/js/controllers/account.js"></script>
    </head>
    <body ng-app="elara">
    wuuuu
    <div ng-view></div>

    </body>
</html>

main.js文件

var app = angular.module('elara', [
    'ngRoute'
]);

app.config(['$routeProvider',
    function($routeProvider) {
        debugger;
        $routeProvider.
            when('/', {
                templateUrl: '/html/template/home-page.html',
                controller: 'accountController'
            }).
            otherwise({
                redirectTo: '/phones'
            });
    }]);

和我的控制器：

var app = angular.module('elara', []);
app.controller('accountController', ['$scope', '$http', function(){
    $scope.username = "";
    $scope.password = "";

    $scope.register = function(){
        $http.post(config.apiAddress + "account/login/", {username: $scope.username, password: $scope.password}).then(
            function(data){
                console.log(data);
            }, function(response){
                console.log(response);
            });
    };
}]);

请在main.js文件中启动调试器，但是degugger并没有在此时停止。 它看起来不像执行我的app.config函数中的内容。 当导航到/ route时，我的home-page.html没有加载到ng-view

Answer 1

您可以使用$routeChangeError事件，该事件将在其他参数中提供rejection对象。

app.run(function ($rootScope) {
    $rootScope.$on('$routeChangeError', function (evt, current, previous, rejection) {
        console.log('Route error', rejection);
    });    
});

参考： $ route docs

Answer 2

您可以收听$ route服务发出的多个事件。 这些事件是：

$ routeChangeStart
$ routeChangeSuccess
$ routeChangeError
$ routeUpdate

您可以在此线程中找到更多信息-https: //stackoverflow.com/a/28016993/698127

如何调试角度路线？

问题描述

2 个解决方案

解决方案1
0 2015-09-27 18:24:36

解决方案2
0 2017-05-02 04:04:42

如何调试角度路线？

问题描述

2 个解决方案

解决方案1 0 2015-09-27 18:24:36

解决方案2 0 2017-05-02 04:04:42

解决方案1
0 2015-09-27 18:24:36

解决方案2
0 2017-05-02 04:04:42