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 

相关文章： 建站上市公司网站建设方案与SEO优化服务定制指南  如何高效利用亚马逊云主机搭建企业网站？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  东莞专业制作网站的公司,东莞大学生网的网址是什么？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  XML的“混合内容”是什么 怎么用DTD或XSD定义  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何制作网站标识牌,动态网站如何制作（教程）？  网站制作公司排行榜,四大门户网站排名？  制作网站的软件免费下载,免费制作app哪个平台好？  如何在香港服务器上快速搭建免备案网站？  图册素材网站设计制作软件,图册的导出方式有几种？  如何高效生成建站之星成品网站源码？  如何通过网站建站时间优化SEO与用户体验？  如何在阿里云虚拟主机上快速搭建个人网站？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  免费ppt制作网站,有没有值得推荐的免费PPT网站？  如何高效完成独享虚拟主机建站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  如何快速重置建站主机并恢复默认配置？  如何通过可视化优化提升建站效果？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  浅谈Javascript中的Label语句  大连网站设计制作招聘信息,大连投诉网站有哪些？  成都网站制作报价公司,成都工业用气开户费用？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  建站之星会员如何解锁更多建站功能？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  微信h5制作网站有哪些,免费微信H5页面制作工具？  盘锦网站制作公司,盘锦大洼有多少5G网站？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  建站之星后台管理如何实现高效配置？  如何获取开源自助建站系统免费下载链接？  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  内部网站制作流程,如何建立公司内部网站？  免费视频制作网站,更新又快又好的免费电影网站？  建站之星后台管理系统如何操作？  微信小程序 五星评分(包括半颗星评分)实例代码  如何在阿里云购买域名并搭建网站？  如何在宝塔面板中创建新站点？  如何用IIS7快速搭建并优化网站站点？  北京制作网站的公司,北京铁路集团官方网站？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何打造高效商业网站？建站目的决定转化率  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  建站之星安装后界面空白如何解决？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？