基于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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
Bootstrap对话框使用实例讲解
Sep 24 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 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
dedecms集成财付通支付接口
2014/12/28 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
JavaScript 最佳实践:帮你提升代码质量
2016/12/03 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
[01:05:24]Ti4 冒泡赛第二天 iG vs NEWBEE 3
2014/07/15 DOTA
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
Javascript如何发送一个Ajax请求
2015/01/26 面试题
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
会计电算化专业毕业生推荐信
2013/12/24 职场文书
校园奶茶店创业计划书
2014/01/23 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
2016八一建军节慰问信
2015/11/30 职场文书