ionic小demo階段性理解

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
相關文章
相關標籤/搜索