国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

angular 路由 第二篇

hightopo / 2027人閱讀

摘要:重定向關鍵詞表示地址表示匹配原則完全一致前綴一致。路由守衛關鍵詞用法新建一個守衛依賴注入到配置路由的中調用守衛可以配置多個,所以是一個數組。

1.重定向

關鍵詞 redirectTo,pathMath;
redirectTo 表示 地址,
pathMath 表示 匹配原則 (full:完全一致,prefix:前綴一致)。
用法:{path:"",redirectTo:"/page1",pathMatch:"full"};

2.子路由

關鍵詞 children
使用方法:
{path:"page1",children:[{path:"page3",component:Page3Component}]}

3輔助路由

關鍵詞 outlet
用法 
     
     
     
     {path:"page1",component:Page1Component,outlet:"test1"},
     {path:"page2",component:Page1Component,outlet:"test2"};
從代碼字面上來看,就是一下傳進多個路由的信息,輔助理由的組件只能在自己outlet的屬性的插座里顯示,輔助路由也只能顯示設置outlet屬性為自身的組件。

4.路由守衛

關鍵詞 canActivate;
用法:
1.新建一個守衛
import{ CanActivate } from "@angular/router";
export Guard class implements CanActivate {
    canActivate(){
    return boolean;
    }
}
2.依賴注入到配置路由的ts中
import { Guard } from ....;
@ngModules{
.....,
providers:[Guard]
};
3.調用
{path:"page1",component:Page1Component,canAcvitate:[Guard]}

守衛可以配置多個,所以是一個數組。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92548.html

相關文章

  • @angular/router 源碼分析之注冊路由

    摘要:模塊主要解決程序路由狀態改變和懶加載模塊問題。本文主要解釋程序啟動后,是如何注冊開發者定義的路由集合的,和實例化對象的。第六個重要的對象就是,提供了初始導航功能。 @angular/router 模塊主要解決程序路由狀態改變和懶加載模塊問題。 比如,程序從路由狀態 state1: /advisors/1/households/1 轉變為路由狀態 state2: /advisors/1/...

    hidogs 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0
  • 使用Angular4動畫為頁面添彩

    摘要:使用組件將根據視口放置,并滑過頁面。這意味著我們不能使用狀態來對路由組件進行樣式,因為這樣可以將樣式應用于父結點我們的示例中的主元素,而不是路由組件。 原文:Angular?—?Supercharge your Router transitions using new animation features (v4.3+) 首先我們看一下效果展示的demo Basic Variation...

    jay_tian 評論0 收藏0

發表評論

0條評論

hightopo

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<