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 datathis.config = this.route.snapshot.data;// Sets the page titlethis.titleService.setTitle(this.config.title);}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。