angular2里默認(rèn)切換路由或者切換組件,頁面的title是不會變化的。
angular2在路由設(shè)置里提供了data參數(shù)可以傳值,如下
{path: 'home',component: HomeComponent,data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb', ccc: "cccc"}}
path和component是常用的屬性,path是地址欄的顯示,component是調(diào)用的組件。
data則可以傳數(shù)據(jù),在組件內(nèi)可以調(diào)用。
參數(shù)調(diào)用
angular2提供Title服務(wù)可以修改title。
路由內(nèi)獲取設(shè)置的參數(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 datathis.config = this.route.snapshot.data;// Sets the page titlethis.titleService.setTitle(this.config.title);}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答