小編給大家分享一下angular2如何實現(xiàn)路由切換改變頁面title，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前成都創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網站建設、域名、雅安服務器托管、網站托管維護、企業(yè)網站設計、子洲網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

angular2里默認切換路由或者切換組件，頁面的title是不會變化的。

angular2在路由設置里提供了data參數(shù)可以傳值，如下

{

path: 'home',

component: HomeComponent,

data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb', ccc: "cccc"}

}

path和component是常用的屬性，path是地址欄的顯示，component是調用的組件。

data則可以傳數(shù)據(jù)，在組件內可以調用。

參數(shù)調用

angular2提供Title服務可以修改title。

路由內獲取設置的參數(shù)可以用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如何實現(xiàn)路由切換改變頁面title”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！