基于Angularjs-router动态改变Title值的问题
更新时间：2018年08月30日 15:34:34 作者：采香菇的小火柴
今天小编就为大家分享一篇基于Angularjs-router动态改变Title值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
许久没写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提交文本框数据到后台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了Angular PWA使用的Demo示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要介绍了angular中使用路由和$location切换视图,需要的朋友可以参考下2015-01-01
本文主要介绍AngularJS 工作原理,这里整理了相关资料及示例代码，有兴趣的小伙伴可以参考下2016-08-08
使用Angular CDK实现一个Service弹出Toast组件功能
本文主要写用cdk实现一个简单的Toast组件，使用的是cdk中的overlay模块，需要手动安装环境，具体安装方法及相关实现代码跟随小编一起看看吧2021-07-07
利用angular自动编译andriod APK的绕坑经历分享
这篇文章主要给大家介绍了关于如何利用angular自动编译andriod APK的绕坑经历，文中通过示例代码以及图文介绍的非常详细，对大家的学习或者使用angular具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
本篇文章主要介绍了angularjs封装$http为factory的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
本篇文章主要介绍了Angular使用 ng-img-max 调整浏览器中的图片的示例代码，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了浅谈angularJS 作用域的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了AngularJS实现标签页tab选项卡功能,结合实例形式总结分析了各种常用的tab选项卡切换操作实现技巧与相关操作注意事项,需要的朋友可以参考下2018-05-05
最新评论