国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 台东县| 上蔡县| 关岭| 高唐县| 长丰县| 垣曲县| 蓝田县| 曲松县| 武胜县| 雷波县| 凭祥市| 涪陵区| 东台市| 扶沟县| 乡城县| 洛川县| 榆树市| 马鞍山市| 嘉黎县| 新竹市| 肥乡县| 东乌珠穆沁旗| 边坝县| 榕江县| 东乌珠穆沁旗| 乌拉特中旗| 大冶市| 南漳县| 迭部县| 青阳县| 金塔县| 高安市| 尉犁县| 福建省| 万载县| 晋州市| 大竹县| 鄂温| 砀山县| 油尖旺区| 松滋市|