2014年10月11日 星期六

ionic 實作(3):設定 Routing


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 都己經設定好了,接下來幾天就是準備要動手逐一的把功能實作出來

沒有留言:

張貼留言