iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

Angular 學習雜記 系列

最近,在學習Angular。在學習過程中,結合過去的Web開發經驗,讓我有很深不同的體會。所以,希望整理出來,給大家參考。

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 11

Angular 學習雜記-Angular的路由器(Routing)說明

在 Angular中,路由是可以想像成原來的功能連結網址集合在一起,統一管理的集合模組,在之前的網站開發中,功能的連結,都是各寫各的,如果有要修改的話,就要一個...

2019-09-27 ‧ 由 lucius 分享
DAY 12

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(一)

在之前的文章中,依序提到建立新的專案、資料列表、服務、路由等技術說明,但是,都是用預設的app-component來說明,在這篇文章中,就要建立新的compon...

2019-09-28 ‧ 由 lucius 分享
DAY 13

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(二)

接下面,就要建立第二個元件,來顯示出員工資料的明細。這也是子元件。之前有提到元件可大可小,大時就是一個網頁,小時就可以是一個子元件,專門來執行特定的功能,再組合...

2019-09-29 ‧ 由 lucius 分享
DAY 14

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(三)

接下面,就要建立最後的元件,來顯示出員工銷售排行榜。這也是子元件。之前有提到元件可大可小,大時就是一個網頁,小時就可以是一個子元件,專門來執行特定的功能,再組合...

2019-09-30 ‧ 由 lucius 分享
DAY 15

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(四)

員工資料管理系統的三個主要的元件(component),接下來,要如何切換網頁及連結到明細資料,就要配合Routing路由的設定。 所以,這篇文章,就來說明如何...

2019-10-01 ‧ 由 lucius 分享
DAY 16

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(五)

首先,就先來做員工資料列表與員工銷售排行榜的切換,主要將原來的app-routing.module.ts再增加員工銷售排行榜的連結,最後,再增加一個預設的路由,...

2019-10-02 ‧ 由 lucius 分享
DAY 17

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(六)

在連結明細之前,我們發現一個問題,那就是在建立Service時,雖然,目前,可以顯示出資料,但因為目前用的是假資料,不會有非同步的問題,但是,如果後續要用到正式...

2019-10-03 ‧ 由 lucius 分享
DAY 18

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(七)

今天,終於要顯示出資料的明細。首先,在Service建立一個函式,來依id取得所屬id的資料。在employeeservice.service.ts增加新的函式...

2019-10-04 ‧ 由 lucius 分享
DAY 19

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(八)

在上一個篇章,測試好單獨顯示出員工資料後,接下來,就是要如何在員工資料列表與員工銷售排行榜,按下任何一個員工,就連結到員工資料明細。 在employee-lis...

2019-10-05 ‧ 由 lucius 分享
DAY 20

Angular 學習雜記-Angular整合應用網站-員工資料管理系統(九)

在員工銷售排行榜,按下任何一個員工,就連結到員工資料明細。所以,在employee-sales-list.component.html中,修改有關員工的連結,主...

2019-10-06 ‧ 由 lucius 分享