[转]使用$controllerProvider按需加载controller
2017-01-25 10:22
288 查看
继上篇教程我们已经创建了一个使用requireJs启动和分离文件的Tabs类型的Ionic项目
今天我将介绍一下,如何使用$controllerProvider按需加载controller文件
其中将用到的$q有不明白的朋友,可以找我,我估计会在第五课的时候讲到这个内容
首先在项目中编写路由的地方定义$controllerProvider,如果项目比较大的可以把router文件分离出来,方法和我们上一节课的类似,因为我们这个项目比较简单,所以我这里不做分离还是保留在app.js文件中。
在app.config的函数中加入
项目Demo地址:http://pan.baidu.com/s/1i4HwHql转自:http://blog.csdn.net/onil_chen/article/details/51088503
今天我将介绍一下,如何使用$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/details/51088503
相关文章推荐
- ionic入门教程第四课-使用$controllerProvider按需加载controller
- ionic入门教程第四课-使用$controllerProvider按需加载controller
- 在使用Microsoft Visual Studio Test Controller 2010进行测试时,报如下错误: System.DllNotFoundException: 无法加载 DLL“Microsoft.VisualStudio.QualityTools.RecorderBarBHO100.dll”: 找不到指定的模块。 (异常来自 HRESULT:0x8007007E)。
- 使用安装在linux端的loadgenerator,在controller加载并发人数受限的问题解决
- 在SharePoint 2010 中使用REST时提示:未能加载类型System.Data.Services.Providers.IDataServiceUpdateProvider的解决办法
- 【CEGUI】CEGUI入门篇之使用ResourceProvider加载资源(二)
- yii在Controller中使用CActiveDataProvider获取数据列表
- 使用addChildViewController 遇到没有加载的controller viewdidload也被调用
- 使用安装在linux端的loadgenerator,在controller加载并发人数受限的问题解决
- 使用安装在linux端的loadgenerator,在controller加载并发人数受限的问题解决
- 让Spring 3中jsp的数据对象使用懒加载(FetchType.LAZY)与Controller的JSR 303并存
- [AngularJS] 使用AngularAMD动态加载Controller
- 让Spring 3中jsp的数据对象使用懒加载(FetchType.LAZY)与Controller的JSR 303并存
- Controller使用注解@Value加载配置文件 --SpringMVC
- 让Spring 3中jsp的数据对象使用懒加载(FetchType.LAZY)与Controller的JSR 303并存
- 使用线程加载UIImagePickerController,解决卡屏问题
- 使用线程加载UIImagePickerController,解决卡屏问题
- 使用安装在linux端的loadgenerator,在controller加载并发人数受限的问题解决
- (WebSite----Asp.Net Configuration----->无法连接到SQL Server数据库------>选择数据存储区---->应用程序当前被配置为使用提供程序:AspNetSqlProvider)解决方案
- 使用多线程加载多个Xml文件到TreeView控件