ionic+angularJs的App启动过程

Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。现在,我们来了解一下使用ionic+angularJS创建出来的APP的启动流程 (个人理解)

(1)程序启动,app加载index.html文件,在index.html文件中,存放整个应用所需要的js文件,包括引入的angularJs文件,样式文件css,应用的业务模块文件等,然后设置angularJs的解析边界,一般为<body ng-app="stater">

(2)在全局模块stater中,我们使用angulaJs的requires把应用需要用到的基础模块,如ionic ngCordova,所有的控制器模块,服务,指令放在requires数组里面,然后应用先自动执行

在.config方法中,我们配置好不同平台的app的样式风格,如返回按钮,tabs工具栏,导航栏等,然后你可以把app所有的路由写到一个指定的文件里,在.config进行统一加载,描述app默认加载的页面,如gFunRegisterAppBasePageStateData($stateProvider.state);之后app会再自动调用.run方法

在.run方法里面,当框架准备就绪,可以在.ready配置关于手机硬件的一些设置,如键盘,摄像头等




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值