Angular Jsで変数を使用してページタイトルを変更するにはどうすればよいですか？

Question

私は次のコードを使用して、AngularJsで動的に私のタイトルを変更しています：

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

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/', { 
      title: 'My Tagline', 
      controller : 'IndexController', 
      templateUrl : 'static/app_partials/index.html' 
     }) 
     .when('/categories/:categoryPk/', { 
      title: $scope.category.name, 
      controller : 'CategoryController', 
      templateUrl : 'static/app_partials/category.html' 
     }) 
     .otherwise({ redirectTo : '/' }); 
}]); 

Htmlの

<title ng-bind="'My Brand - ' + title">My Brand</title> 

ので、IndexControllerため、タイトルは単純な文字列なので、この方法であり、うまく動作します。しかし、私のCategoryControllerの場合は、コントローラコードで初期化する変数、具体的には$scope.category.nameからタイトルを生成します。これどうやってするの？どんな助け？次のように

Answer 1

使用ng-bind-template：

<title ng-bind-template="My Brand - {{$root.title}}">My Brand</title> 

Answer 2

あなたAngularJSで動的なメタタグを設定するng-metaを見てみましょう単一ページのアプリケーション