ionic入门教程第四课-使用$controllerProvider按需加载controller
2016-08-22 15:42
375 查看
ionic入门教程第四课-使用$controllerProvider按需加载controller
继上篇教程我们已经创建了一个使用requireJs启动和分离文件的Tabs类型的Ionic项目今天我将介绍一下,如何使用$controllerProvider按需加载controller文件其中将用到的$q有不明白的朋友,可以找我,我估计会在第五课的时候讲到这个内容首先在项目中编写路由的地方定义$controllerProvider,如果项目比较大的可以把router文件分离出来,方法和我们上一节课的类似,因为我们这个项目比较简单,所以我这里不做分离还是保留在app.js文件中。在app.config的函数中加入app.registerController = $controllerProvider.register;
记得导入引用$controllerProvider
然后修改路由,在路由中增加在路由前执行(resolve)
这里因为我们是按需加载JS文件,所以我们要在路由前完成对应controller文件的加载
修改为
这里的resolve属性是指在路由执行前执行的内容。
我们需要在这里面定义一个使用$q方式加载js文件的方法
因为多个路由配置都要使用到这个方法,所以我们将这个方法提取出来
我这里还是将他放在当前文件中
给所有的路由需要controller的都配置上文件地址
现在我们需要将controller文件修改成延时加载的形式
首先注销掉controllers文件中的引用。
然后修改controller文件,将返回的return ctrl 修改成使用app.registerController方法延时加载的方式,即$controllerProvider.register的方法
全部修改完毕,我们运行程序。
打开控制器可以查看当我们进入首页的时候,controllers文件夹中只下载了controllers文件和GameCtrl文件
当我们切换tab到Chats时,又下载了ChatsCtrl文件
到此我们的按需加载就介绍完毕了。
项目Demo地址:http://pan.baidu.com/s/1i4HwHql
--- 转自:http://blog.csdn.net/onil_chen/article/category/6113346 ---
相关文章推荐
- ionic入门教程第四课-使用$controllerProvider按需加载controller
- ionic入门教程第三课-在项目中使用requirejs分离controller文件和server文件
- ionic入门教程第三课-在项目中使用requirejs分离controller文件和server文件
- ionic入门教程第十六课-在微信中使用ionic的解决方案(按需加载加强版)
- ionic入门教程第十六课-在微信中使用ionic的解决方案(按需加载加强版)
- ionic入门教程第十五课-ionic性能优化之图片延时加载
- ionic入门教程第十五课-ionic性能优化之图片延时加载
- ionic入门教程第二十课-在微信中使用ionic的解决方案(开源框架)
- ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新
- 【CEGUI】CEGUI入门篇之使用ResourceProvider加载资源(二)
- ionic新手教程第三课-在项目中使用requirejs分离controller文件和server文件
- [转]使用$controllerProvider按需加载controller
- ionic入门教程第二十课-在微信中使用ionic的解决方案(开源框架)
- ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新
- PHP快速入门教程:WHILE循环的使用示例
- JSP/SERVLET入门教程--Servlet 使用入门
- 欢迎使用 ASP.NET 入门教程
- phpMyAdmin下载、安装和使用入门教程
- 学习maven的使用,看到一篇很实用的入门教程(菜鸟级入门)
- 使用Visual Studio2005入门asp.Net2.0系列视频教程