基于Angularjs-router動(dòng)態(tài)改變Title值的問(wèn)題
許久沒(méi)寫(xiě)Angularjs這玩意兒了，發(fā)現(xiàn)以前項(xiàng)目直接從dom元素去修改title實(shí)屬簡(jiǎn)陋了些。
懶得廢話，上代碼；
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;
});
}]);
就是如此簡(jiǎn)單粗暴,當(dāng)然$stateProvider.state里面加一個(gè)title參數(shù)也是必須的。
比如：
.state('about', {
url: '/about',
templateUrl : 'about.html',
title:"我就是我，不一樣的煙火"
})
當(dāng)然不懂的朋友可以找我咨詢(xún) ，其實(shí)我也有待學(xué)習(xí)
----------------------------------分界線------------------------------------------
這data里面就包含title，也可以包含其它很多東西。
以上這篇基于Angularjs-router動(dòng)態(tài)改變Title值的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文通過(guò)對(duì)比幾種Angular組件間的通信方式,給大家介紹了一種新的Angular組件間通信的解決方案,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Angular設(shè)計(jì)模式hierarchical?injector實(shí)現(xiàn)代碼復(fù)用模塊化
這篇文章主要為大家介紹了Angular設(shè)計(jì)模式hierarchical?injector實(shí)現(xiàn)代碼復(fù)用模塊化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
下面小編就為大家?guī)?lái)一篇深入理解angularjs過(guò)濾器。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
Angular5中狀態(tài)管理的實(shí)現(xiàn)
這篇文章主要介紹了Angular5中狀態(tài)管理的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
angularjs學(xué)習(xí)筆記之完整的項(xiàng)目結(jié)構(gòu)
這篇文章主要介紹了angularjs學(xué)習(xí)筆記之完整的項(xiàng)目結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2015-09-09
詳解angular部署到iis出現(xiàn)404解決方案
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了Angular-Touch庫(kù)用法,結(jié)合觸屏滑動(dòng)事件的實(shí)現(xiàn)為例分析了Angular-Touch庫(kù)的相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
詳解Angular.js數(shù)據(jù)綁定時(shí)自動(dòng)轉(zhuǎn)義html標(biāo)簽及內(nèi)容
本篇文章主要介紹了詳解Angular.js數(shù)據(jù)綁定時(shí)自動(dòng)轉(zhuǎn)義html標(biāo)簽及內(nèi)容 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
本篇文章主要介紹了highcharts 在angular中的使用示例代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
解決Angular.Js與Django標(biāo)簽沖突的方案
AngularJS和django的模板都是用{{}}來(lái)引用變量的，這就導(dǎo)致了沖突，所以這篇文章主要就給大家介紹了如何解決Angular.Js與Django標(biāo)簽沖突的方案，有需要的朋友們可以參考借鑒，下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2016-12-12