在AngularJS $ routeProvider使用變量

目前，詞典網站的片段，我的建築看起來像這樣：

.when('/dictionary/:word2lookup', { 
      title: 'The MySite dictionary', 
      templateUrl : 'pages/dictionary.html', 
      controller : 'dictController' 
     })

word2lookup是，顧名思義，這個詞的用戶在輸入框中輸入和點擊進入提交翻譯按鈕。轉換後的數據在下面的DIV呈現，URL被編程以反映像這樣的話（比方說，用戶在看這個詞，cortar）：

www.mysite.com/dictionary/cortar

但是，無論單詞被擡頭，只要用戶停留在該頁面上，標題保持不變，即The PeppyBurro dictionary）。有什麼辦法可以將變量word2lookup傳遞給$routeProvider，並讓它呈現動態標題，如Translation of cortar | The MySite Dictionary？我試過'Translation of :word2lookup | The MySite Dictionary'，但是失敗了。我也試過'Translation of' + :word2lookup + ' | The MySite Dictionary'沒有成功。

來源

2015-12-08 TheLearner

的可能的複製[角使用$ routeParams在頁面標題]（http://stackoverflow.com/questions/20831660/angular-using-routeparams-in-page-是可能的標題） – Sonaryr

一個解決方案是聽每條路線變化並分別設置文件標題。但是許多其他的選擇通過訪問$route.current.params['word2lookup']

app.run(['$rootScope', '$route', '$location', function($rootScope, $route, $location) { 
    $rootScope.$on('$routeChangeSuccess', function() { 
     if(0 === $location.path().indexOf('/dictionary/')) { 
      document.title = 'Translation of ' + $route.current.params['word2lookup'] + ' | ' + $route.current.title; 
    }); 
}]);

來源

2015-12-08 13:43:23

在AngularJS $ routeProvider使用變量

回答

相關問題