国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angular2路由切換改變頁面title的示例代碼

2019-11-19 15:41:52
字體:
供稿:網(wǎng)友

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)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 开化县| 湘潭县| 长垣县| 佛学| 年辖:市辖区| 花莲县| 奇台县| 巩义市| 天祝| 肥乡县| 东乌珠穆沁旗| 清远市| 虹口区| 正镶白旗| 衡水市| 寻甸| 平江县| 梨树县| 汽车| 西吉县| 沂水县| 海口市| 葵青区| 广宗县| 南宫市| 西藏| 元朗区| 珲春市| 淮滨县| 儋州市| 灌南县| 竹山县| 青州市| 朝阳县| 酉阳| 宣城市| 揭阳市| 天门市| 宁乡县| 江北区| 姜堰市|