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);}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答