在之前實作的部份，資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時，通常都是手機中的 SQLLite 資料，或是直接讀取透過 HTTP 來讀取 remote 的資料，當然還是看手機APP 的設計來決定是要用什麼方式來存取，接下來的部份就是要利用 AngularJS 中的 $http 來取得遠端的資料。
HTTP 介紹
Angular 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
測試的畫面如下
待續...
沒有留言:
張貼留言