基于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 trim函数 去空格函数与正则集锦
Nov 20 Javascript
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
js中生成map对象的方法
Jan 09 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
Jul 27 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
js实现坦克大战游戏
Feb 24 Javascript
layui实现显示数据表格、搜索和修改功能示例
Jun 03 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
PHP调用三种数据库的方法(1)
2006/10/09 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
orm获取关联表里的属性值
2016/04/17 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
javascript轮播图算法
2016/10/21 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
解决pycharm回车之后不能换行或不能缩进的问题
2019/01/16 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
抽象类和接口的区别
2012/09/19 面试题
综合素质的自我鉴定
2013/10/07 职场文书
和谐社区口号
2014/06/19 职场文书
体育节口号
2014/06/19 职场文书
商业用房租赁协议书
2014/10/13 职场文书
记者节感言
2015/08/03 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
解析目标检测之IoU
2021/06/26 Python
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers