基于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 相关文章推荐
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
javascript闭包入门示例
Apr 30 Javascript
浅析Node.js的Stream模块中的Readable对象
Jul 29 Javascript
JavaScript实现身份证验证代码
Feb 17 Javascript
jquery自定义右键菜单、全选、不连续选择
Mar 01 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 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
人族 Terran 基本策略
2020/03/14 星际争霸
PHP编程中字符串处理的5个技巧小结
2007/11/13 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
JS实现的仿淘宝交易倒计时效果
2015/11/27 Javascript
详解js私有作用域中创建特权方法
2016/01/25 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
跟老齐学Python之集合(set)
2014/09/24 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
乌克兰网上服装店:Bolf.ua
2018/10/30 全球购物
Linux操作面试题
2012/05/16 面试题
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
自我鉴定怎么写
2013/12/05 职场文书
党员活动日总结
2014/05/05 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
奖励申请报告范文
2015/05/15 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python