成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

angular 路由 第二篇

hightopo / 2068人閱讀

摘要：重定向關(guān)鍵詞表示地址表示匹配原則完全一致前綴一致。路由守衛(wèi)關(guān)鍵詞用法新建一個(gè)守衛(wèi)依賴(lài)注入到配置路由的中調(diào)用守衛(wèi)可以配置多個(gè)，所以是一個(gè)數(shù)組。

1.重定向

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

2.子路由

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

3輔助路由

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

4.路由守衛(wèi)

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

守衛(wèi)可以配置多個(gè)，所以是一個(gè)數(shù)組。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/92548.html

相關(guān)文章

  • @angular/router 源碼分析之注冊(cè)路由

    摘要：模塊主要解決程序路由狀態(tài)改變和懶加載模塊問(wèn)題。本文主要解釋程序啟動(dòng)后，是如何注冊(cè)開(kāi)發(fā)者定義的路由集合的，和實(shí)例化對(duì)象的。第六個(gè)重要的對(duì)象就是，提供了初始導(dǎo)航功能。 @angular/router 模塊主要解決程序路由狀態(tài)改變和懶加載模塊問(wèn)題。 比如，程序從路由狀態(tài) state1: /advisors/1/households/1 轉(zhuǎn)變?yōu)槁酚蔂顟B(tài) state2: /advisors/1/...

    hidogs 評(píng)論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    khs1994 評(píng)論0 收藏0

  • 使用Angular4動(dòng)畫(huà)為頁(yè)面添彩

    摘要：使用組件將根據(jù)視口放置，并滑過(guò)頁(yè)面。這意味著我們不能使用狀態(tài)來(lái)對(duì)路由組件進(jìn)行樣式，因?yàn)檫@樣可以將樣式應(yīng)用于父結(jié)點(diǎn)我們的示例中的主元素，而不是路由組件。 原文：Angular?—?Supercharge your Router transitions using new animation features (v4.3+) 首先我們看一下效果展示的demo Basic Variation...

    jay_tian 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<