Как отлаживать угловые маршруты?

Я пытаюсь создать простое приложение.Как отлаживать угловые маршруты?

Мой 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); 
      }); 
    }; 
}]);

пожалуйста noitice отладчик в main.js файле, но degugger не останавливается в этом пункте. Это не похоже на выполнение того, что находится внутри моей функции app.config. И когда перейти к / маршруту, мой дом-page.html не загружается в ng-view

источник

2015-09-27 Sefa

Btw, вы забыли аргументы '$ scope' и' $ http' для контроллера. –

Вы можете использовать $routeChangeError событие, которое обеспечит rejection объект среди других аргументов.

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

Ссылка: $route docs

источник

2015-09-27 18:24:36 charlietfl

добавил этот блок кода в конец файла main.js, но ничего не зашел в консоль :) – Sefa

ok, кажется, я неверно истолковал его. Я никогда не использую 'ngRoute' всегда использовать' ui-router', и это эквивалентный метод ошибок срабатывает таким образом. Кажется, в 'ngRoute' только для разрешений – charlietfl

Вы можете прослушать несколько событий, испускаемых сервисом $ маршрута. Эти события являются:

$ routeChangeStart
$ routeChangeSuccess
$ routeChangeError
$ RouteUpdate

Вы можете найти более подробную информацию в этой теме - https://stackoverflow.com/a/28016993/698127

источник

2017-05-02 04:04:42 Aamol

Как отлаживать угловые маршруты?

ответ

Смежные вопросы