在之前的章節中,有提到要先介紹如何呼叫web API之前,我們可以先透過Angular的模擬資料伺服器機制,來測試HttpClient程式是否正確。 而Angu...
接續上一個篇章,接下來,要安裝記憶體Web API(In-memory Web API),回到Dos命令列,切換到專案目錄,執行下述指令,用npm指令來安裝記憶...
在上個章節中,完成了記憶體Web API(In-memory Web API)的Service及資料的建立,接下來,就來先修改資料的列表。 在原來的employ...
延續之前的章節,此章節,主要是說明如何將之前列表的函式,修改成由記憶體Web API(In-memory Web API)來取得資料,並且,如何處理Error的...
在明細的部份,也是修改成由記憶體Web API(In-memory Web API)來取得資料,並且,加入處理Error的部份。原來的程式碼: // 依id...
在上個章節,有提到http的CURD,這一個概念。在之前的網頁技術中,從之前在寫在一起處理Html、JavaScript,呼叫資料庫處理,到現在分成多層式的架構...
在上一個章節中,了解到什麼是http的CURD。在這個章節,就先來說明如何更新資料。首先,在employeeservice.service中,增加updateE...
在新增資料時,想到的,就是增加一個新的component,來當新增的畫面,請參考之前的章節,新增一個,名稱為「employee-add」的component。...
在上個章節,有關路由的設計,可以參考app-routing.module.ts的下述的程式碼: import { NgModule } from '@angul...
終於完成資料庫的基本操作,列表、明細、修改、新增、刪除等功能,都一個一個的說明了。不過,資料庫的操作,還有最重要的查詢。關於這個功能,因為假資料,是用陣列物件來...