基于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 YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
js确定对象类型方法
Mar 30 Javascript
JS正则中的RegExp对象对象
Nov 07 Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
详解node服务器中打开html文件的两种方法
Sep 18 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
vue axios数据请求及vue中使用axios的方法
Sep 10 Javascript
javascript代码实现简易计算器
Jan 25 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_SELF的安全问题
2009/09/05 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
2017/05/22 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
简单了解常用的JavaScript 库
2020/07/16 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
python编程实现归并排序
2017/04/14 Python
Python异常处理操作实例详解
2018/05/10 Python
python excel和yaml文件的读取封装
2021/01/12 Python
货代行业个人求职简历的自我评价
2013/10/22 职场文书
学期自我鉴定
2013/11/04 职场文书
关于迟到的检讨书
2014/01/26 职场文书
企业内控岗位的职责
2014/02/07 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
二十年同学聚会感言
2015/07/30 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python