2017-02-13 5 views
1

タイトル内の角度経路のオプションパラメータはどのように使用できますか。角 - タイトル内の任意のパラメータの使用

だから私はtextToSearchがタイトルに表示する:

.when('/search/:textToSearch', 
    { 
     title: 'Searching' + textToSearch, 
     templateUrl: 'views/search.html', 
     controller: 'searchController' 
    } 
) 

と私はrouteChangeSuccessにタイトルを設定しています:

$rootScope.$on('$routeChangeSuccess', function() { 
      //Set the <title> tag 
      if (!$route.current.title) { 
      document.title = 'Default Generic Title'; 
      } else { 
      document.title = $route.current.title; 
      } 
} 
+0

どのように 'title'を使いますか?このようにhttp://stackoverflow.com/questions/26308020/how-to-change-page-title-in-angular-using-routeprovider/26308083#26308083? – dfsq

+0

ありrouteChangeSuccessを使用しています - 更新コード – userMod2

答えて

1

私はタイトル文字列であなたのルートのparamsのためのプレースホルダを使用すると、それを経路パラメータに対して補間するオブジェクト:

.when('/search/:textToSearch', { 
    title: 'Searching {{ textToSearch }}', 
    templateUrl: 'views/search.html', 
    controller: 'searchController' 
}) 

補間($interpolateサービスを必ず注入してください):

$rootScope.$on('$routeChangeSuccess', function() { 
    //Set the <title> tag 
    if (!$route.current.title) { 
    document.title = 'Default Generic Title'; 
    } else { 
    document.title = $interpolate($route.current.title)($route.current.params); 
    } 
}) 
+0

タイトル: '検索{{textToSearch}}'が機能していないようです – userMod2

+0

テストしてください;)$補間サービスを挿入してください。エラーがありますか? – dfsq

+0

ああ、サービスを注入するのを忘れてしまった! – userMod2

関連する問題