Angular4-子模組

前面說了這麼多,都還沒介紹到子模組,模組能幹嘛呢?

就是能把應用程式建立成高內聚低耦合的一個好用功能,說穿了就是每個模組都各自處理各自的事情,那達到這樣的效果有什麼好處呢?

1.程式碼不會有牽一髮動全身的問題,可以有效提升程式碼品質

2.由於模組之間沒有互相依賴的問題,因此可以進行延遲載入、預先載入的功能

那什麼又是互相依賴呢?A元件中載入了B元件,有A就會有B的情況,即是依賴。

這樣不好嗎?當然不好!

萬一這個元件C也拿去用來載入B,而需求卻在未來某天發生變化,要替C加入某個功能,而這個功能源自於B,這時才發現改B壞A,救回A又不符合C的需求,最後把程式碼抽開來寫,又變成重複製造輪子,你說這樣的程式碼好維護嗎?

...繼續閱讀 »

Angular4-路由參數

參數是我們經常用到的東西,在Angular中也有這個玩意,透過路由參數的切換,可以讓網站的建立變得更加靈活。

舉例來說文章、商品等等的都是有多筆資料的,如隨身碟有多個型號、鞋子有多雙款式,這些都可以直接透過路由參數直接建立好一個頁面,再透過路由參數顯示相對應的畫面。

...繼續閱讀 »

Angular4-子路由、轉向路由

路由轉向就是,當進入到某頁面時,直接轉向另一個頁面,不過目前還想不到什麼實際可以運用的例子可以來加深印象。

子路由也是一個滿趣味的東西,感覺很像是MVC的controller/action的味道,還滿讓人覺得親切的

...繼續閱讀 »

Angular4-路由初體驗

在網站中,路由扮演著非常重要的角色,從MVC需要透過路由找到Controller,再找到Action,甚至還可以在網址中加上參數,使後端可以取得相對應的參數,再來決定要呈現那些資料給前端,說路由是一個網站的靈魂也不為過。
在Angular的框架中,路由也是非常重要的一環,從執行的優先權、頁面權限的管理,再到導轉,都跟路由息息相關。

雖然對於路由理解的還不夠透徹,但仍是學習到的部分記錄下來,以後還有個可以複習的依據在XD

...繼續閱讀 »