タイトルタグをangularjsで更新するには

Question

私はangularjsウェブサイトで作業していますが、タイトルタグに問題があります。 ページから別のページに移動すると更新されません。しかし、私がページをリロードするときだけ、それは変更されます。ここ フォームのPHPの変数を来ismyタイトルタグの内容に：

<title><?php echo $meta_title; ?></title> 

私は

app.directive('updateTitle', ['$rootScope', '$timeout', 
    function($rootScope, $timeout) { 
    return { 
     link: function(scope, element) { 

     var listener = function(event, toState) { 

      var title = 'Default Title'; 
      if (toState.data && toState.data.pageTitle) title = toState.data.pageTitle; 

      $timeout(function() { 
      element.text(title); 
      }, 0, false); 
     }; 

     $rootScope.$on('$stateChangeSuccess', listener); 
     } 
    }; 
    } 
]); 

このディレクティブを追加し、<title update-title><?php echo $meta_title; ?></title> にタイトルタグを変更しようとしましたが、それはうまくいきませんでした！ anglejsにページをリロードせずにこのタグを更新または更新させる方法はありますか？

Answer 1

$windowサービスを含めて使用してください。例えば

$window.document.title = 'My new title'; 

：

app.directive('updateTitle', ['$rootScope', '$timeout', '$window', 
    function ($rootScope, $timeout, $window) { 
     return { 
      link: function (scope) { 

       var listener = function (event, toState) { 

        var title = 'Default Title'; 
        if (toState.data && toState.data.pageTitle) title = toState.data.pageTitle; 

        $timeout(function() { 
         $window.document.title = title; 
        }, 0, false); 
       }; 

       $rootScope.$on('$stateChangeSuccess', listener); 
      } 
     }; 
    } 
]); 

私がロードされ、現在のビューに基づいてタイトルを更新するために同じ、すなわちのための簡単な指示を書きました。

https://github.com/sagrawal14/angular-extras/blob/master/src/directives/page/title.directive.js

あなたはタイトルを更新するために、どこでも、あなたのHTML内でこのディレクティブを使用することができます。だからタイトルはJavascriptコードに縛られず、代わりにHTMLに依存します。 （関心の分離）

Answer 2

はそれをinclodeするために、次のコード

app.directive('updateTitle', ['$rootScope', '$timeout', '$window', 
    function($rootScope, $timeout,$window) { 
    return { 
     link: function(scope, element) { 

     var listener = function(event, toState) { 
$window.document.title = 'My new title'; 
      var title = 'Default Title'; 

      if (toState.data && toState.data.pageTitle) title = toState.data.pageTitle; 

      $timeout(function() { 
      element.text(title); 
      }, 0, false); 
     }; 

     $rootScope.$on('$stateChangeSuccess', listener); 
     } 
    }; 
    } 
]);