iT邦幫忙

DAY 14
0

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

ionic 實作(3):設定 Routing

  • 分享至 

  • xImage
  •  

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


上一篇
ionic 實作(2):Project 建立及架構介紹
下一篇
ionic 實作(4):登入畫面
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言