angular2路由切换改变页面title的示例代码

angular2里默认切换路由或者切换组件，页面的title是不会变化的。

angular2在路由设置里提供了data参数可以传值，如下

{

path: 'home',

component: HomeComponent,

data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb', ccc: "cccc"}

}

path和component是常用的属性，path是地址栏的显示，component是调用的组件。

data则可以传数据，在组件内可以调用。

参数调用

angular2提供Title服务可以修改title。

路由内获取设置的参数可以用ActivatedRoute的snapshot的data属性获取

如下：

import { ActivatedRoute } from '@angular/router';

import { Title } from '@angular/platform-browser';

config: any;

constructor(

private route: ActivatedRoute,

private titleService: Title

) { }

ngOnInit(): void {

// Get the config information from the app routing data

this.config = this.route.snapshot.data;

// Sets the page title

this.titleService.setTitle(this.config.title);

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angular2路由切换title  # angular2路由切换  # AngularJS路由切换实现方法分析  # AngularJS实现使用路由切换视图的方法  # angular中使用路由和$location切换视图  # 可以用  # 则可  # 大家多多  # aaaa  # bbb  # aaa  # HomeComponent  # Home  # setTitle  # strong  # cccc  # bbbb  # ccc  # pre  # class  # data  # title 

相关文章： 购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  建站主机是什么？如何选择适合的建站主机？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  建站之星CMS建站配置指南：模板选择与SEO优化技巧  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  大同网页,大同瑞慈医院官网？  如何获取PHP WAP自助建站系统源码？  如何配置FTP站点权限与安全设置？  javascript中对象的定义、使用以及对象和原型链操作小结  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  nginx修改上传文件大小限制的方法  ,有什么在线背英语单词效率比较高的网站？  建站之星免费版是否永久可用？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何选择域名并搭建高效网站？  建站主机与虚拟主机有何区别？如何选择最优方案？  建站三合一如何选？哪家性价比更高？  建站之星在线客服如何快速接入解答？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  ,巨量百应是干嘛的？  网站制作报价单模板图片,小松挖机官方网站报价？  建站主机选购指南：核心配置与性价比推荐解析  如何通过wdcp面板快速创建网站？  音响网站制作视频教程,隆霸音响官方网站？  建站主机选择指南：服务器配置与SEO优化实战技巧  C#如何在一个XML文件中查找并替换文本内容  如何快速打造个性化非模板自助建站？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  网页设计网站制作软件,microsoft office哪个可以创建网页？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何在阿里云购买域名并搭建网站？  建站主机功能解析：服务器选择与快速搭建指南  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  长沙企业网站制作哪家好,长沙水业集团官方网站？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  大连网站制作公司哪家好一点,大连买房网站哪个好？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  如何在香港服务器上快速搭建免备案网站？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  如何在建站主机中优化服务器配置？  如何在云指建站中生成FTP站点？  如何挑选优质建站一级代理提升网站排名？  南宁网站建设制作定制,南宁网站建设可以定制吗？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  如何零基础在云服务器搭建WordPress站点？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？