2014年10月19日 星期日

ionic 實作(12)： ionic 中封裝 angular的 Service

›
為什麼要使用 Service 呢，簡單的說就是把常用的一些實作抽離出來，除了讓之後比較可以便利的維護外，在ionic 中也可以傳遞二邊的共用的變數。 以會員登入為例，在 許多controller 都會使用到 http get 及 post ，所以我們就可以把這二個實作封裝...

ionic 實作(11)： 權控判斷與全域變數的存放

›
我個人習慣使用來控制ionic 全域變數的有二種方式，第一種就是存放在rootScope物件中，第二種就是封裝成service 來提供二個controller 之間可以共用變數。 接下來，要來處理登入畫面，登入畫面在按下登入後會 post 帳號及密碼到遠端，認證通過後會回...

ionic 實作(10)：重構程式 - $http (下)

›
接下來要將圖片、電話及商店名稱一樣binding 到 這三個變數上，分別為storeName、store_tel及 storeImage 測試畫面如下 大功告成，以上我們己經完成了今日所有取資料的功能了。 接下來，會員登入部份使用 $http...

ionic 實作(9)：重構程式 - $http (上)

›
在之前實作的部份，資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時，通常都是手機中的 SQLLite 資料，或是直接讀取透過 HTTP 來讀取 remote 的資料，當然還是看手機APP 的設計來決定是要用什麼方式來存取，接下來的部份就是要利用 AngularJS ...
2014年10月17日 星期五

ionic 實作(8)：歷史訂購(下)

›
說明 歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面，接下來要介紹的是detail 的部份如何實作。 UI 畫面 設計的畫面如下 打開 tab-history-detail.html 修改內容如下...

ionic 實作(7)：歷史訂購(上)

›
說明 歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面。 UI 畫面 設計的畫面如下 打開 tab-history.html 修改內容如下，在list中先輸入幾筆 item，另外這邊有使用了 i...
2014年10月12日 星期日

ionic 實作(6)：本月消費

›
說明 本月消費功能，主要是要用來統計當月消費的記錄與總金額。 UI 畫面 設計的畫面如下 打開 tab-consumer.html 修改內容如下，在這邊有使用了 inline style 去處理，這個部份在之後refactor的介紹會再做調整 ...