angular路由詳解一(基礎知識)

2022-03-22 01:57:44 字數 798 閱讀 4915

本人原來是ios開發,沒想到工作後,離ios開發原來越遠,走上了前端的坑。一路走來,也沒有向別人一樣遇到乙個技術上的師傅,無奈只能乙個人苦苦摸索。如今又開始填angular的坑了。閒話不扯了。(本人學習是根據官網教程,如果想根據官網教程學習,我建議先把官網的例子先學一遍,路由的路基部分,都是根據這個例子來講的)。官網位址)本章部分基本是官網的內容。

1.應用的開始都會有乙個根目錄開始,路由也一樣,所以使用路由就在index.html標籤下先新增乙個元素,來告訴路由器該如何合成導航用的url。

3.配置路由

在@ngmodule()上邊建立路由陣列

//path 路徑引數(不能以/開頭,路由會自己新增),component是元件(也就是你要導航的目的頁面)redirectto:重定向  pathmath: 來告訴路由器如何用

url去匹配路由的路徑,** 萬用字元,當前面所有的路由都找不到的時候就會路由到這個元件

const  routes: routes = [

,,//帶引數的路由

,@ngmodule()

4.在元件中建立路由出口

在需要路由的html頁面,留下路由出口。例如

crisis center

這樣就完成了乙個簡單的頁面路由。

喜歡的朋友填個關注,點個贊給個小小的鼓勵。

vue路由基礎詳解

vue.js script vue router.js script import vue from vue import vuerouter from vue router vue.use vuerouter src vue.js script src vue router.js script i...

angular4 0 路由守衛詳解

在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數中除了熟悉的path component外,還包括四種是否允許路由啟用與離開的屬性。這裡我們只講canac...

angular4 0 路由守衛詳解

在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。當希望使用者離開乙個正常編輯頁時,要中斷並提醒使用者是否真的要離開時,如果在angular中應該怎麼做呢?其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數...