如何在angularjs中更新SPA的標題？

-1

注意：我在這裏說的網站是SPA和使用angularjs。如何在angularjs中更新SPA的標題？

說我有音樂網站。現在有n張專輯。

印地文
英語
Bhajans

我的要求是，如果在印地文相冊用戶點擊，網頁的標題應設置爲印地文，如果他點擊英文標題應該是更新爲英文等。

另外，我該如何改變OG標籤以及每個專輯具有社會共享按鈕，所以我需要更新OG標籤爲好。

如果你說我可以在配置路由時設置標題，那在我的方案中不起作用。

方案

.when('/albums', 
{ 
    templateUrl: 'Angular-Templates/albums.html', 
    controller: 'albumsCtrl', 
    caseInsensitiveMatch: true, 
    title: 'Albums' 
})

現在albumsCtrl輪流調用數據庫的功能，並獲取availbles相冊列表。現在用戶將點擊任何提取的相冊和標題應該更新到相冊的名稱，

供參考： - 我沒有使用angular.ui，但核心角。

來源

2015-10-19 abc

爲了在JavaScript中更新瀏覽器的標題，您應該使用document.title屬性。

例子：

在控制器

$scope.setTitleHindi = function() { 
    document.title = "Hindi"; 
}

，並在您的模板

<span ng-click="setTitleHindi">Click Me!</span>

來源

2015-10-19 15:11:01 CollinD

看來你很急於downvote的問題..你完全讀完這個問題..我需要更新og標籤爲welll..plus檢查此鏈接 http://stackoverflow.com/questions/ 413439/how-to-dynamic-change-a-web-pages-title – abc

如果這個問題沒有充分回答你的問題，請隨時投降並繼續前進。我不確定'og'標籤是什麼意思，所以我回答了我認爲我有技能的部分（以及我認爲是主要問題，因爲它是問題的標題）。這就是說，SO不是一個代碼寫作服務，所以你可能想發佈你試過的東西！還有一件事，誰說我低估了你的問題？ – CollinD

如果你不明白這個問題，那麼爲什麼你低估了這個問題...... og -open graph tags（http：// ogp。我/） – abc

你可以在級別上定義控制器。

<html ng-app="app" ng-controller="titleCtrl"> 
    <head> 
    <title>{{ Page.title() }}</title> 
... 
<a ng-click="page">

創建控制器：

angular.controller('$scope', 
    function($scope) { 
    var title = 'default'; 
    $scope.page = function(data) { 
     title = data; 
    } 
});

進樣頁，並從控制器呼叫 'Page.setTitle（）'。

來源

2015-10-19 15:15:25 Miha2255

如何在angularjs中更新SPA的標題？

回答

相關問題