資訊專欄INFORMATION COLUMN
摘要：重定向關鍵詞表示地址表示匹配原則完全一致前綴一致。路由守衛(wèi)關鍵詞用法新建一個守衛(wèi)依賴注入到配置路由的中調用守衛(wèi)可以配置多個，所以是一個數組。
1.重定向
關鍵詞 redirectTo,pathMath;
redirectTo 表示 地址,
pathMath 表示 匹配原則 （full:完全一致,prefix:前綴一致）。
用法:{path:"",redirectTo:"/page1",pathMatch:"full"};
2.子路由
關鍵詞 children
使用方法:
{path:"page1",children:[{path:"page3",component:Page3Component}]}
3輔助路由
關鍵詞 outlet
用法
4.路由守衛(wèi)
關鍵詞 canActivate;
用法：
1.新建一個守衛(wèi)
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]}
守衛(wèi)可以配置多個，所以是一個數組。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/92548.html
摘要：模塊主要解決程序路由狀態(tài)改變和懶加載模塊問題。本文主要解釋程序啟動后，是如何注冊開發(fā)者定義的路由集合的，和實例化對象的。第六個重要的對象就是，提供了初始導航功能。 @angular/router 模塊主要解決程序路由狀態(tài)改變和懶加載模塊問題。 比如，程序從路由狀態(tài) state1: /advisors/1/households/1 轉變?yōu)槁酚蔂顟B(tài) state2: /advisors/1/...
摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
摘要：使用組件將根據視口放置，并滑過頁面。這意味著我們不能使用狀態(tài)來對路由組件進行樣式，因為這樣可以將樣式應用于父結點我們的示例中的主元素，而不是路由組件。 原文：Angular?—?Supercharge your Router transitions using new animation features (v4.3+) 首先我們看一下效果展示的demo Basic Variation...
閱讀 1005·2021-11-15 18:06
閱讀 2371·2021-10-08 10:04
閱讀 2656·2019-08-28 18:03
閱讀 906·2019-08-26 13:42
閱讀 1924·2019-08-26 11:31
閱讀 2431·2019-08-23 17:13
閱讀 932·2019-08-23 16:45
閱讀 2059·2019-08-23 14:11
