ionic是基於angularjs架構,MVC模式的混合開發的利器css
0)生成html
ionic start myApp tabs
1)結構angularjs
myApp ├─hooks │ └─after_prepare ├─scss └─www ├─index.html #入口 ├─css ├─img ├─js │ └─app.js # 入口js,包括路由信息 │ └─controllers.js # controller集合 │ └─services.js # 爲controller準備數據 ├─lib # 基本的angularjs及ionic │ └─ionic │ ├─css │ ├─fonts │ ├─js │ │ ├─angular │ │ └─angular-ui │ └─scss │ └─ionicons └─templates # 模板集合 └─tabs.html └─tabs_dash.html └─tabs_chats.html └─tabs_account.html └─tabs_detail.html
2)入口架構
index.html-->app.js-->templates