Sample source Code : https://github.com/jimmy0328/ourmeal
Routing 我們用來設定每個 URL的導頁設定方式,首先使用編輯器開啟 js/app.js
先定義所有 url 要對應的 template url 及controller
另外在tab menu 也一定要設定,內容包括了今日訂餐/本月消費/歷史訂購及登入,這邊每個tab必須要與 routing state 名稱要對應才可以。打開 tabs.html 修改內容如下圖
打開 js/ Controller.js 的設定,把每個page要對應的controller 都先設定好
當然對應的html也要先把名稱改好
最後請先確認是否有啟用 server
剛修改的Tabs在Browser測試畫面應該如下
icon 可以參考 : http://ionicons.com/
大功告成,如果到這一步都可以順利完成,那代表 ionic 整個Project 都己經設定好了,接下來幾天就是準備要動手逐一的把功能實作出來