基于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)文章
本文通過對比幾種Angular組件間的通信方式,給大家介紹了一種新的Angular組件間通信的解決方案,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Angular設(shè)計模式hierarchical?injector實現(xiàn)代碼復(fù)用模塊化
這篇文章主要為大家介紹了Angular設(shè)計模式hierarchical?injector實現(xiàn)代碼復(fù)用模塊化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
下面小編就為大家?guī)硪黄钊肜斫鈇ngularjs過濾器。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Angular5中狀態(tài)管理的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
angularjs學(xué)習(xí)筆記之完整的項目結(jié)構(gòu)
這篇文章主要介紹了angularjs學(xué)習(xí)筆記之完整的項目結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2015-09-09
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Angular-Touch庫用法,結(jié)合觸屏滑動事件的實現(xiàn)為例分析了Angular-Touch庫的相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
詳解Angular.js數(shù)據(jù)綁定時自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容
本篇文章主要介紹了詳解Angular.js數(shù)據(jù)綁定時自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
本篇文章主要介紹了highcharts 在angular中的使用示例代碼，非常具有實用價值，需要的朋友可以參考下2017-09-09
解決Angular.Js與Django標(biāo)簽沖突的方案
AngularJS和django的模板都是用{{}}來引用變量的，這就導(dǎo)致了沖突，所以這篇文章主要就給大家介紹了如何解決Angular.Js與Django標(biāo)簽沖突的方案，有需要的朋友們可以參考借鑒，下面來一起學(xué)習(xí)學(xué)習(xí)吧。2016-12-12