在之前實作的部份，資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時，通常都是手機中的 SQLLite 資料，或是直接讀取透過 HTTP 來讀取 remote 的資料，當然還是看手機APP 的設計來決定是要用什麼方式來存取，接下來的部份就是要利用 AngularJS 中的 $http 來取得遠端的資料。

Angular HTTP

https://docs.angularjs.org/api/ng/service/$http

Augular $http 的幾方法

這邊要介紹的是 $http.get

接下來要將以下之前的程式，改抓remote 的資料

以下的部份，我使用自己的測試server來介紹

首先在網頁上測試是一下server response 回來的資料

Refactor Code 開始

第一步，先使用$http.get 來測試

打開Chrome 的開發人員工具，切到 network 應該可以找到 browser 跟 server get 的url

接下來我們將取得的 data 與 menu_list 做 雙向的 binding，data.items 可以取得今日訂餐商店的所有menu

測試的畫面如下

待續...