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 

相关文章： 如何配置IIS站点权限与局域网访问？  建站之星安装模板失败：服务器环境不兼容？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  魔毅自助建站系统：模板定制与SEO优化一键生成指南    如何快速搭建高效WAP手机网站吸引移动用户？  建站主机系统SEO优化与智能配置核心关键词操作指南  青岛网站建设如何选择本地服务器？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  如何选择高性价比服务器搭建个人网站？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  javascript中的try catch异常捕获机制用法分析  宝塔建站无法访问？如何排查配置与端口问题？  网页设计网站制作软件,microsoft office哪个可以创建网页？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  学校建站服务器如何选型才能满足性能需求？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  建站之星Pro快速搭建教程：模板选择与功能配置指南  建站主机是否属于云主机类型？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在新浪SAE免费搭建个人博客？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  如何通过WDCP绑定主域名及创建子域名站点？  电商网站制作价格怎么算,网上拍卖流程以及规则？  如何获取免费开源的自助建站系统源码？  linux top下的 minerd 木马清除方法  在线制作视频的网站有哪些,电脑如何制作视频短片？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  网站app免费制作软件,能免费看各大网站视频的手机app？  如何快速搭建高效服务器建站系统？  家具网站制作软件,家具厂怎么跑业务？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  如何用y主机助手快速搭建网站？  模具网站制作流程,如何找模具客户？  如何用搬瓦工VPS快速搭建个人网站？  如何在阿里云域名上完成建站全流程？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  如何快速建站并高效导出源代码？  如何通过远程VPS快速搭建个人网站？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  电商网站制作公司有哪些,1688网是什么意思？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  建站主机数据库如何配置才能提升网站性能？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何通过主机屋免费建站教程十分钟搭建网站？  如何续费美橙建站之星域名及服务？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  Python lxml的etree和ElementTree有什么区别