基于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 相关文章推荐
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
JavaScript 函数的执行过程
May 09 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
微信小程序实现表单校验功能
Mar 30 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
nestjs返回给前端数据格式的封装实现
Feb 22 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 开发工具
2006/12/06 PHP
PHP session会话的安全性分析
2011/09/08 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
解析ajax事件的调用顺序
2013/06/17 PHP
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
用JavaScript获取页面文档内容的实现代码
2016/06/10 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
Python常用库推荐
2016/12/04 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
Python生成器以及应用实例解析
2018/02/08 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
numpy基础教程之np.linalg
2019/02/12 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
护士自我鉴定怎么写
2014/02/07 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
运动员入场词
2015/07/18 职场文书