Angularjs-router动态改变Title值问题
来源:互联网 发布:2017年9月经济数据 编辑:程序博客网 时间:2024/06/04 17:42
许久没写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:"我就是我,不一样的烟火"
})
当然不懂的朋友可以找我咨询 ,其实我也有待学习
---------------------------------------------------分界线-------------------------------------------------------------------------------------------------------------------------------
这data里面就包含title,也可以包含其它很多东西。
- Angularjs-router动态改变Title值问题
- angularjs 动态改变title标题(兼容ios)
- vue-router动态设置页面title
- 解决ios设备中angularjs无法改变页面title的问题
- 利用HtmlGenericControl类,动态改变Title文字
- 利用HtmlGenericControl类,动态改变Title文字
- 利用HtmlGenericControl类,动态改变Title文字
- [JQ]动态改变框架的title
- 动态改变easyui datagrid 列的title
- 关于微信title无法动态改变
- vue2.0动态改变index中title
- angularjs 中通过ui-router设置不同网页不同<title>内容
- angularJs中的ng-class动态改变样式
- angularJs中ng-style动态改变样式
- sencha touch 1.1动态改变Chart Axis Title
- 网页加载时动态改变TITLE的名称
- asp.net中如何动态改变网页的title
- SimpleAdapter 动态改变问题
- 一年的努力
- eclipse中提示js或者JQuery代码
- spring IOC 和spring aop
- 接入环信sdk后打包出现Error:Error: Unexpected cast to Button: layout tag was TextView [WrongViewCast]
- 面试题一些精选
- Angularjs-router动态改变Title值问题
- java单例模式
- 实现自动构建编译javaweb项目并发布到N台服务器
- Android EventBus实战 多个界面之间传值
- 数字信号处理实验一(离散时间信号的MATLAB实现)
- SpringData MongoDB模糊查询
- 安装Cygwin
- win server 2003域控制器加入远程用户
- android7.0多窗口适配方案,你值得拥有