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 沃尔沃购车祝福语简短英文
13 生日加提车祝福语简短
14 返乡温馨祝福语大全简短
15 六一祝福语简短句子
16 泰语虎年祝福语短句简短
17 儿子病好祝福语大全简短
18 学姐和学妹祝福语简短