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(
privateroute:ActivatedRoute,
privatetitleService:Title
){}
ngOnInit():void{
//Gettheconfiginformationfromtheapproutingdata
this.config=this.route.snapshot.data;
//Setsthepagetitle
this.titleService.setTitle(this.config.title);
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 病人祝福语老师寄语简短
11 新娘生孩子祝福语简短
12 婆婆66岁祝福语简短
13 今天孩子高考祝福语简短
14 送彩票生日祝福语简短
15 分别祝福语简短情话英文
16 画室揭牌仪式祝福语简短
17 女友妈妈生日祝福语简短
18 离别赠言离职祝福语简短