How to change pageTitle dynamically on state change angularjs inside state routing

Question

I want to change the pageTitle inside data in state Provider.

$stateProvider.state(test, {
  url: '/test',
  views: {
    main: {
      controller: 'TestCtrl',
      templateUrl: 'admin/test.tpl.html'
    }
  },
  data: {
    pageTitle: 'Need some dynamic title',                        
  },                    
});

Here I want to set the page title dynamically may be somewhere inside $state.go().

I tried using

//The controller from where the state is called and we got to know what the title is
$state.get('test').data.pageTitle = $scope.title;
$state.go('test');

But nothing has happened. Please help.

Possible duplicate of [Set Page title using UI-Router](https://stackoverflow.com/questions/23813599/set-page-title-using-ui-router) — SDekov, Sep 21 '17 at 13:01

P.S. · Accepted Answer · 2017-09-21T13:00:21.850

2

Inside $state.go() you can do:

$state.go('test', {pageTitle: $scope.title});

(or it will be data.pageTitle: $scope.title, I'm not absolutely sure).

And you didn't include any HTML, so don't forget to bind value to title tag like this:

<title ng-bind="$state.current.data.pageTitle"></title>

edited Sep 21 '17 at 13:00

answered Sep 21 '17 at 10:37

P.S.

15,970
14
62
86

It will not work like this. You are using it as a parameter, it will not reflect. – user11 Sep 21 '17 at 11:14
What does {notify: false} do by the way? – Ramsing Nadeem Sep 21 '17 at 12:56
@RamsingNadeem, `notify: false` suppresses the `$stateChange` events, in this case it doesn't required I think. – P.S. Sep 21 '17 at 12:59
Okay; cool. When can it be used? Is it connected to {reload: true} or {reload: 'stateName'}? – Ramsing Nadeem Sep 21 '17 at 13:01
@RamsingNadeem, " Is it connected to {reload: true} or {reload: 'stateName'}?" Can't say really – P.S. Sep 21 '17 at 13:03
Oh; okay; checked out the docs. Can be used to listen to the $stateChange events. Thanks. – Ramsing Nadeem Sep 21 '17 at 13:04

How to change pageTitle dynamically on state change angularjs inside state routing

1 Answers1