angularjs - route - angular subscribe url



Как установить заголовок страницы с помощью AngularJS (1)

$routeChangeSuccess будет инициировано независимо от того, что бы избежать ошибки, проверяя наличие маршрута:

myApp.run(['$location', '$rootScope', function($location, $rootScope) {
    $rootScope.$on('$routeChangeSuccess', function (event, current, previous) {

        if (current.hasOwnProperty('$$route')) {

            $rootScope.title = current.$$route.title;
        }
    });
}]);

Я использую следующий код, чтобы отображать заголовки страниц для каждого из моих шаблонов приложений AngularJS, но всякий раз, когда я пытаюсь ввести недопустимый URL-адрес для проверки .other, я получаю следующую ошибку:

TypeError: Cannot read property 'title' of undefined
    at http://localhost/app/js/app.js:34:43

Ниже приведен код app.js, index.html:

app.js:

var myApp = angular.module('myApp', ['ngRoute', 'ngSanitize']);
myApp.config(['$routeProvider', function($routeProvider) {

       $routeProvider.when('/home', 
                {     templateUrl: 'templates/index.html', 
                      controller: 'MainController',
                      title: 'Welcome to Home Page'
                });
        $routeProvider.otherwise({
                                    redirectTo: '/home'

                                 });

}]);


myApp.run(['$location', '$rootScope', function($location, $rootScope) {
    $rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
        $rootScope.title = current.$$route.title;
    });
}]);

Index.html:

<title ng-bind="title +' - MyAPP Home'"> - MyApp</title>

Пожалуйста, предложите





angularjs