<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

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

        來源:懂視網 責編:小采 時間:2020-11-27 22:31:47
        文檔

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

        angular2路由切換改變頁面title的示例代碼:angular2里默認切換路由或者切換組件,頁面的title是不會變化的。 angular2在路由設置里提供了data參數可以傳值,如下 { path: 'home', component: HomeComponent, data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb'
        推薦度:
        導讀angular2路由切換改變頁面title的示例代碼:angular2里默認切換路由或者切換組件,頁面的title是不會變化的。 angular2在路由設置里提供了data參數可以傳值,如下 { path: 'home', component: HomeComponent, data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb'

        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 data
        
        this.config = this.route.snapshot.data;
        
        // Sets the page title
        
        this.titleService.setTitle(this.config.title);
        
        }
        

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

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

        angular2路由切換改變頁面title的示例代碼:angular2里默認切換路由或者切換組件,頁面的title是不會變化的。 angular2在路由設置里提供了data參數可以傳值,如下 { path: 'home', component: HomeComponent, data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb'
        推薦度:
        標簽: 切換 頁面 代碼
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 久久亚洲欧洲国产综合| 免费AA片少妇人AA片直播| 日美韩电影免费看| 亚洲人成网站在线观看播放动漫 | 色影音免费色资源| 亚洲六月丁香六月婷婷色伊人| 麻豆成人久久精品二区三区免费| 亚洲AV永久无码精品| 精品国产污污免费网站 | 在线观看免费污视频| 亚洲精品无码久久| 免费一级毛片在级播放| 日日摸夜夜添夜夜免费视频| 久久亚洲精品无码观看不卡| 一个人免费视频在线观看www| 久久亚洲精品成人777大小说| 亚欧免费一级毛片| 亚洲精品第一国产综合野| 国产免费不卡v片在线观看| 亚洲人成网站免费播放| 免费吃奶摸下激烈视频| a毛片免费观看完整| 18亚洲男同志videos网站| 成人免费毛片内射美女APP| 羞羞网站在线免费观看| 亚洲精品无码不卡在线播HE | 亚洲精品中文字幕无码AV| 亚洲AV无码AV日韩AV网站| 一本色道久久88亚洲综合| 中文字幕在线视频免费| 亚洲精品中文字幕乱码影院| 国产男女猛烈无遮挡免费视频网站| 国产成人1024精品免费| 亚洲精品动漫在线| 免费日本黄色网址| 中文字幕免费在线| 免费大片av手机看片| 亚洲视屏在线观看| 亚洲AV中文无码乱人伦在线视色| 久久久久久毛片免费播放| 免费激情网站国产高清第一页|