Angularjs 如何调试角度路由？_Angularjs

Angularjs 如何调试角度路由？

angularjs

Angularjs 如何调试角度路由？,angularjs,Angularjs,我正在尝试构建一个简单的应用程序我的index.html文件 <!DOCTYPE html> <html> <head> <script src="/bower_components/angular/angular.js"></script> <script src="/bower_components/angular-route/angular-route.js"></scr

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

我的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>

和我的控制器：

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函数中的内容。当导航到

路由时，my home-page.html不会加载到

ng视图中

您可以使用

$routeChangeError

事件，该事件将在其他参数中提供一个

拒绝

对象

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

参考：

您可以侦听$route服务发出的多个事件。这些活动包括：

$routeChangeStart

$routeChangeSuccess

$routeChangeError

$routeUpdate

您可以在此线程中找到更多信息-

将此代码块添加到main.js文件的底部，但控制台中没有任何记录：）好的，似乎我误解了它。我从不使用

ngRoute

总是使用

ui路由器

，它的等效错误方法就是这样触发的。似乎在

ngRoute

中仅用于resolvesBtw，您忘记了控制器的参数

$scope

和

$http

。

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