How to dynamically change header based on AngularJS partial?

Question

Rajanikant Hawaldar · Answer

You could define controller at the level "app" ng-controller= "titleCtrl" > {{ Page.title() }} ... You create service: Page and modify from controllers. myModule.factory( 'Page' , function () { var title = 'default' ; return { title: function () { return title; }, setTitle: function (newTitle) { title = newTitle } }; }); Inject Page and Call 'Page.setTitle()' from controllers. Example: "plunker" ng-controller= "MainCtrl" > "utf-8" > {{ Page.title() }} "stylesheet" href= "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/base/jquery-ui.css" > "http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel= "stylesheet" > "stylesheet" href= "style.css" > "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" > "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" > "https://raw.github.com/twitter/bootstrap/master/docs/assets/js/bootstrap.js" > "https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js" > "app.js" > {{ Page.title() }} "test1" >test1 "test2" >test2

Sabari M · Answer

Thanks.

Vinay Singh · Answer

Hi try the beelow link https://stackoverflow.com/questions/12506329/how-to-dynamically-change-header-based-on-angularjs-partial-view https://stackoverflow.com/questions/31070982/dynamically-change-header-based-on-angular-js-partial-view