基于Angularjs-router动态改变Title值的问题


Posted in Javascript onAugust 30, 2018

许久没写Angularjs这玩意儿了,发现以前项目直接从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;
  });
 }]);

就是如此简单粗暴,当然$stateProvider.state里面加一个title参数也是必须的。

比如:

.state('about', { 
  url: '/about', 
  templateUrl : 'about.html', 
  title:"我就是我,不一样的烟火"

 })

当然不懂的朋友可以找我咨询 ,其实我也有待学习

----------------------------------分界线------------------------------------------

基于Angularjs-router动态改变Title值的问题

这data里面就包含title,也可以包含其它很多东西。

以上这篇基于Angularjs-router动态改变Title值的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery下操作HTML控件的实现代码
Jan 12 Javascript
javascript数组的使用
Mar 28 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
jQuery简单入门示例之用户校验demo示例
Jul 09 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 Javascript
Vue自定义指令拖拽功能示例
Feb 17 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
从vue源码解析Vue.set()和this.$set()
Aug 30 #Javascript
vue-router动态设置页面title的实例讲解
Aug 30 #Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 #Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 #Javascript
vue中rem的配置的方法示例
Aug 30 #Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 #Javascript
vue-swiper的使用教程
Aug 30 #Javascript
You might like
基于mysql的论坛(1)
2006/10/09 PHP
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
6种javascript显示当前系统时间代码
2015/12/01 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
web打印小结
2017/01/11 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
Python Property属性的2种用法
2015/06/21 Python
python决策树之CART分类回归树详解
2017/12/20 Python
详解python数据结构和算法
2019/04/18 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
python中使用np.delete()的实例方法
2021/02/01 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
综合实践活动方案
2014/02/14 职场文书
项目合作意向书范本
2014/04/01 职场文书
绿色环保演讲稿
2014/05/10 职场文书
践行三严三实心得体会
2014/10/13 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
人代会简报
2015/07/21 职场文书
多人股份制合作协议书
2016/03/19 职场文书
技术入股合作协议书
2016/03/21 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js
AJAX学习笔记
2021/05/18 Javascript
Python实现日志实时监测的示例详解
2022/04/06 Python