基于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 相关文章推荐
图片之间的切换
Jun 26 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
深入分析JSON编码格式提交表单数据
Jun 25 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
Apr 14 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
js实现蒙版效果
Jan 11 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 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之短标签开启设置
2013/06/17 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
js变换显示图片的实例
2013/04/16 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
python创建列表和向列表添加元素的实现方法
2017/12/25 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
关于Tensorflow 模型持久化详解
2020/02/12 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
Python+OpenCV图像处理——实现轮廓发现
2020/10/23 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
优秀的茶餐厅创业计划书
2014/01/03 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
2014年行政助理工作总结
2014/11/19 职场文书
2016年党员创先争优承诺书
2016/03/25 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
解决使用了nginx获取IP地址都是127.0.0.1 的问题
2021/09/25 Servers
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技