ionic+angularJs的App启动过程

来源：互联网发布：程序员编程动漫编辑：程序博客网时间：2024/05/22 02:27

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