Angular Js Access Title from $routeProvider on each View

Question

Is there is any possible way to get the title attribute into header always when the route changed

Example:

when('/newsletter', {
            title: 'News Letter',
            templateUrl:'app/Views/segment/newsletter.html'
})

When this route comes the view is newsletter and i need to show the title as newsletter in Header Newsletter Tab

Answer 1

You can have a root scope variable named "title" and change it in your controller by doing $rootScope.title = 'new title'; Or better, you can have this done in the resolve option in router, for more information, please click: $routeProvider

Answer 2

What you should do is to expose $route service to the view in either main controller (topmost) or in run block (better):

app.run(['$route', '$rootScope', function($route, $rootScope) {
    $rootScope.$route = $route;
}]);

Then in any view you can display current title:

<header>
    <h1>{{ $route.current.title }}</h1>
</header>