在 Angular中,路由是可以想像成原來的功能連結網址集合在一起,統一管理的集合模組,在之前的網站開發中,功能的連結,都是各寫各的,如果有要修改的話,就要一個...
在之前的文章中,依序提到建立新的專案、資料列表、服務、路由等技術說明,但是,都是用預設的app-component來說明,在這篇文章中,就要建立新的compon...
接下面,就要建立第二個元件,來顯示出員工資料的明細。這也是子元件。之前有提到元件可大可小,大時就是一個網頁,小時就可以是一個子元件,專門來執行特定的功能,再組合...
接下面,就要建立最後的元件,來顯示出員工銷售排行榜。這也是子元件。之前有提到元件可大可小,大時就是一個網頁,小時就可以是一個子元件,專門來執行特定的功能,再組合...
員工資料管理系統的三個主要的元件(component),接下來,要如何切換網頁及連結到明細資料,就要配合Routing路由的設定。 所以,這篇文章,就來說明如何...
首先,就先來做員工資料列表與員工銷售排行榜的切換,主要將原來的app-routing.module.ts再增加員工銷售排行榜的連結,最後,再增加一個預設的路由,...
在連結明細之前,我們發現一個問題,那就是在建立Service時,雖然,目前,可以顯示出資料,但因為目前用的是假資料,不會有非同步的問題,但是,如果後續要用到正式...
今天,終於要顯示出資料的明細。首先,在Service建立一個函式,來依id取得所屬id的資料。在employeeservice.service.ts增加新的函式...
在上一個篇章,測試好單獨顯示出員工資料後,接下來,就是要如何在員工資料列表與員工銷售排行榜,按下任何一個員工,就連結到員工資料明細。 在employee-lis...
在員工銷售排行榜,按下任何一個員工,就連結到員工資料明細。所以,在employee-sales-list.component.html中,修改有關員工的連結,主...