Day4 Grid Menu 中，我們寫了一個 Grid Menu，我想要把寫死的 menu:MenuItemModel[] 的資料，改去 call API。

建立 API

我這邊直接開啟了一個 ASP.NET Web API 2 的專案，設置 CORS ，以下是大致的範例 API。

然後使用 Postman 去測試 API

這邊最主要，要注意的就是前後端的 Model 的 Property 的大小寫問題。
我後台是字首大寫，我前台字首是小寫，我是在後端 return 的時候額外使用 Json.NET 設置的。

HttpClient 設置

在 app.module.ts 中匯入 HttpClientModule。

改寫

這邊主要要注意的是 HTTPClient.get() ， 這個非同步的方法會發送一個 HTTP Request，並回傳一個 Observable ， .subcribe(...) 用來訂閱該方法的回傳值，當 Response 回來後，就會拿到 API 給的資料，最後在 callback 去處理資料。
(糗了，我也不知道這樣解釋對不對XD)