iT邦幫忙

DAY 17
1

開發 Mobile 手機的新一代霸主-ionic framework系列 第 17

ionic 實作(6):本月消費

  • 分享至 

  • xImage
  •  

說明

本月消費功能,主要是要用來統計當月消費的記錄與總金額。

UI 畫面

設計的畫面如下

打開 tab-consumer.html 修改內容如下,在這邊有使用了 inline style 去處理,這個部份在之後refactor的介紹會再做調整

測試出來的畫面如下

Controller 撰寫

接著修改controller,從 js/app.js 的function 中可以看到本月消費的tab-consumer.html 對應的controller為 ConsumerCtrl

打開controller.js ,找到 ConsumerCtrl修改內容如下,把list($scope.order_list)部份先以陣列的資料來呈現

最後把tab-consumer.html 的內容改抓取controller 中的變數

大功告成,之後在取得今日訂餐會在介紹到$http時會再refactor


上一篇
ionic 實作(5):今日訂餐
下一篇
ionic 實作(7):歷史訂購(上)
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言