I have tried / used all the possible references on stackoverflow and other tutorials but could not get page title, description to work.
My state code looks like this

```
     $urlRouterProvider.otherwise('/home/welcome');
      $stateProvider
        .state('home', {
          url: "/home",
          abstract: true,
          templateUrl: "views/home_base.html",
          controller : "HomebaseCtrl"
        })

        .state('home.welcome', {
          url: '/welcome',
          templateUrl: 'views/welcome.html',
          controller: 'WelcomeCtrl'
        })

```

In my controller 'WelcomeCtrl' file I want to set page title and description for the page. I have used rootScope but the rootScope value doesnot bind in the index.html file.

In my index.html file

```
  <html>
  <head>
   <title>{{pagetitle}}</title>
  </head>
  <div ui-view=""></div>

```

routes the home\_base.html file which inturns routes welcome.html file.

Controller 

```
angular.module('ragamixApp')
  .controller('WelcomeCtrl', function($rootScope){
    $rootScope.pagetitle = "Hi..I am Page Title";
   })

```

Any help would be appreciated