基于Angularjs-router動態(tài)改變Title值的問題
更新時間：2018年08月30日 15:34:34 作者：采香菇的小火柴
今天小編就為大家分享一篇基于Angularjs-router動態(tài)改變Title值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
許久沒寫Angularjs這玩意兒了，發(fā)現(xiàn)以前項目直接從dom元素去修改title實屬簡陋了些。
懶得廢話，上代碼；
index里面直接<title ng-bind="title"></title>即可。
路由文件我作名config
app.run(['$rootScope', '$log', function($rootScope, $log){
$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
$rootScope.title = toState.data.title;
});
}]);
就是如此簡單粗暴,當(dāng)然$stateProvider.state里面加一個title參數(shù)也是必須的。
比如：
.state('about', {
url: '/about',
templateUrl : 'about.html',
title:"我就是我，不一樣的煙火"
})
當(dāng)然不懂的朋友可以找我咨詢 ，其實我也有待學(xué)習(xí)
----------------------------------分界線------------------------------------------
這data里面就包含title，也可以包含其它很多東西。
以上這篇基于Angularjs-router動態(tài)改變Title值的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
angularJs提交文本框數(shù)據(jù)到后臺的方法
今天小編就為大家分享一篇angularJs提交文本框數(shù)據(jù)到后臺的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了Angular PWA使用的Demo示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了angular中使用路由和$location切換視圖,需要的朋友可以參考下2015-01-01
本文主要介紹AngularJS 工作原理,這里整理了相關(guān)資料及示例代碼，有興趣的小伙伴可以參考下2016-08-08
使用Angular CDK實現(xiàn)一個Service彈出Toast組件功能
本文主要寫用cdk實現(xiàn)一個簡單的Toast組件，使用的是cdk中的overlay模塊，需要手動安裝環(huán)境，具體安裝方法及相關(guān)實現(xiàn)代碼跟隨小編一起看看吧2021-07-07
利用angular自動編譯andriod APK的繞坑經(jīng)歷分享
這篇文章主要給大家介紹了關(guān)于如何利用angular自動編譯andriod APK的繞坑經(jīng)歷，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者使用angular具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
本篇文章主要介紹了angularjs封裝$http為factory的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼
本篇文章主要介紹了Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了淺談angularJS 作用域的相關(guān)資料,需要的朋友可以參考下2015-07-07
AngularJS標(biāo)簽頁tab選項卡切換功能經(jīng)典實例詳解
這篇文章主要介紹了AngularJS實現(xiàn)標(biāo)簽頁tab選項卡功能,結(jié)合實例形式總結(jié)分析了各種常用的tab選項卡切換操作實現(xiàn)技巧與相關(guān)操作注意事項,需要的朋友可以參考下2018-05-05