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
相关文章
相关标签/搜索