在上一篇文章說到如何建立子模組,其中有提到建立模組可以有延遲載入、預先載入的好處,這又是什麼呢?
Angular4-子模組
前面說了這麼多,都還沒介紹到子模組,模組能幹嘛呢?
就是能把應用程式建立成高內聚低耦合的一個好用功能,說穿了就是每個模組都各自處理各自的事情,那達到這樣的效果有什麼好處呢?
1.程式碼不會有牽一髮動全身的問題,可以有效提升程式碼品質
2.由於模組之間沒有互相依賴的問題,因此可以進行延遲載入、預先載入的功能
那什麼又是互相依賴呢?A元件中載入了B元件,有A就會有B的情況,即是依賴。
這樣不好嗎?當然不好!
萬一這個元件C也拿去用來載入B,而需求卻在未來某天發生變化,要替C加入某個功能,而這個功能源自於B,這時才發現改B壞A,救回A又不符合C的需求,最後把程式碼抽開來寫,又變成重複製造輪子,你說這樣的程式碼好維護嗎?
Angular4-路由攔截Route Guard
在一個網站中,某些頁面並不希望讓使用者進入,有可能是權限不足、有可能是尚未登入、有可能是重要資料尚未填寫,那該怎麼寫呢?
Angular4-路由參數
參數是我們經常用到的東西,在Angular中也有這個玩意,透過路由參數的切換,可以讓網站的建立變得更加靈活。
舉例來說文章、商品等等的都是有多筆資料的,如隨身碟有多個型號、鞋子有多雙款式,這些都可以直接透過路由參數直接建立好一個頁面,再透過路由參數顯示相對應的畫面。
Angular4-子路由、轉向路由
路由轉向就是,當進入到某頁面時,直接轉向另一個頁面,不過目前還想不到什麼實際可以運用的例子可以來加深印象。
子路由也是一個滿趣味的東西,感覺很像是MVC的controller/action的味道,還滿讓人覺得親切的
Angular4-路由的超連結樣式
總之今天要記錄的是在超連結中加入樣式...然後
.
.
.
詞窮不打了 > O <
好啦=.=
這次要記錄的分為三種,不過其中一個算是概念而已XD
1.基本樣式
2.路由樣式的概念
3.上層樣式
Angular4-路由的超連結
以往在寫超連結時,都是透過a href=xxx去設定連結,在Angular的世界中有些小小的不一樣,是透過routerLink的語法進行連結,讓我們來看看吧!
Angular4-路由的功能選項設定
這篇大致上會紀錄路由可以透過哪些方式調整,目前僅記錄路由追蹤、路由策略二個,之後了解其他功能後,會再回來更新這篇。
Angular4-路由表
在上一篇介紹了路由的基本概念,在這邊就來簡單的透過路由表做些設定來玩玩看吧!
Angular4-路由初體驗
在網站中,路由扮演著非常重要的角色,從MVC需要透過路由找到Controller,再找到Action,甚至還可以在網址中加上參數,使後端可以取得相對應的參數,再來決定要呈現那些資料給前端,說路由是一個網站的靈魂也不為過。
在Angular的框架中,路由也是非常重要的一環,從執行的優先權、頁面權限的管理,再到導轉,都跟路由息息相關。
雖然對於路由理解的還不夠透徹,但仍是學習到的部分記錄下來,以後還有個可以複習的依據在XD