iT邦幫忙

鐵人檔案

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

Angular 學習雜記 系列

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

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

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

在之前的章節中,有提到要先介紹如何呼叫web API之前,我們可以先透過Angular的模擬資料伺服器機制,來測試HttpClient程式是否正確。 而Angu...

2019-10-07 ‧ 由 lucius 分享
DAY 22

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

接續上一個篇章,接下來,要安裝記憶體Web API(In-memory Web API),回到Dos命令列,切換到專案目錄,執行下述指令,用npm指令來安裝記憶...

2019-10-08 ‧ 由 lucius 分享
DAY 23

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

在上個章節中,完成了記憶體Web API(In-memory Web API)的Service及資料的建立,接下來,就來先修改資料的列表。 在原來的employ...

2019-10-09 ‧ 由 lucius 分享
DAY 24

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

延續之前的章節,此章節,主要是說明如何將之前列表的函式,修改成由記憶體Web API(In-memory Web API)來取得資料,並且,如何處理Error的...

2019-10-10 ‧ 由 lucius 分享
DAY 25

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

在明細的部份,也是修改成由記憶體Web API(In-memory Web API)來取得資料,並且,加入處理Error的部份。原來的程式碼: // 依id...

2019-10-11 ‧ 由 lucius 分享
DAY 26

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

在上個章節,有提到http的CURD,這一個概念。在之前的網頁技術中,從之前在寫在一起處理Html、JavaScript,呼叫資料庫處理,到現在分成多層式的架構...

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

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

在上一個章節中,了解到什麼是http的CURD。在這個章節,就先來說明如何更新資料。首先,在employeeservice.service中,增加updateE...

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

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

在新增資料時,想到的,就是增加一個新的component,來當新增的畫面,請參考之前的章節,新增一個,名稱為「employee-add」的component。...

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

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

在上個章節,有關路由的設計,可以參考app-routing.module.ts的下述的程式碼: import { NgModule } from '@angul...

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

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

終於完成資料庫的基本操作,列表、明細、修改、新增、刪除等功能,都一個一個的說明了。不過,資料庫的操作,還有最重要的查詢。關於這個功能,因為假資料,是用陣列物件來...

2019-10-16 ‧ 由 lucius 分享