ionic入门教程第四课-使用$controllerProvider按需加载controller

最新推荐文章于 2024-04-06 19:36:31 发布
最新推荐文章于 2024-04-06 19:36:31 发布
阅读量1.1w 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Ionic1入门教程 文章标签： ionic 按需加载 controllerProvider
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/onil_chen/article/details/51088503
本教程介绍如何在Ionic项目中使用$controllerProvider实现controller的按需加载。通过在项目配置中设置$controllerProvider，可以优化大型项目的资源管理。虽然本示例中的项目较小，但展示了将路由和控制器加载策略整合到app.js文件中的方法。

继上篇教程我们已经创建了一个使用requireJs启动和分离文件的Tabs类型的Ionic项目

今天我将介绍一下，如何使用$controllerProvider按需加载controller文件

其中将用到的$q有不明白的朋友，可以找我，我估计会在第五课的时候讲到这个内容

首先在项目中编写路由的地方定义$controllerProvider，如果项目比较大的可以把router文件分离出来，方法和我们上一节课的类似，因为我们这个项目比较简单，所以我这里不做分离还是保留在app.js文件中。

在app.config的函数中加入

app.registerController = $controllerProvider.register;
记得导入引用$controllerProvider
了解本专栏 订阅专栏 解锁全文
ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）
https://github.com/xiaohuoni
05-19 1万+
对于微信端来说，其实使用ionic是一个比较大的前端框架。 有更多比较轻量化的前端框架可以选择。 但是使用ionic有一个明显的优点就是，能够做到一端开发，三端同步上线。 这个梗说了好多遍了，但确实是这样子的，ios和安卓都能跑了，为什么在公司的微信公众号，还要再重新开发呢。 这就是我一开始研究这个解决方案的初衷。 其实在这个方向的研究目的并不是要在性能上达到一个很好的高度，而是在首页打
angular中的$controller服务
lzf的博客
10-10 3742
大家一般用angular的$controller的时候都是用如下的方式： angular.module('app',[]) .controller('appController',function{}) 这样的方式是让angular自动去寻找程序的入口ng-app，然后自动解析依赖注入，并且声成实例。 其实在angular内部执行过程如下 //使用注射器加载应用 var injec
Ionic程序分离不同controller
null
03-15 3312
Ionic 目录：https://blog.csdn.net/dkbnull/article/details/87937179 在我们使用 ionic start HelloWorld tabs 等命令创建一个ionic程序时，系统会自动创建一个controllers.js文件，并且把所有的控制器都写到这个文件中。 当我们的项目比较小的时候，我们还可以...
ionic---控制器文件分离
leason的博客
02-27 1047
app.js需要改动的地方保证所有模块注入全局angular.module('starter', ['ionic','ngCordova', 'starter.controllers', 'starter.services','starter.directives','starter.filters'])写好各个模块的注入（直接写在app.js文件最下方就行）angular.module('star
angularJS+requireJS实现controller及directive的按需加载
weixin_30445169的博客
02-19 170
最近因为项目的比较大，需要加载的js文件较多，为了提高首屏页面的加载速度，需要对js文件进行按需加载，然后网上参考了一些资料，自己也深入研究一番之后，实现了按需加载控制器js文件及指令js文件的效果；思路如下，1、借助ui-router里面的resolve属性来实现预加载，2、需要借助$controllerProvider动态去注册控制器，$compileProvider动态去注册指令，3、需要借...
AngularJS模块详解
热门推荐
清箫的专栏
03-23 1万+
在angular中，模块可以是一个对象、一个方法或一个数组（数组的最后一个元素必须是方法）。后面要讲的模块属性和方法，都是针对通过angular.module()方法定义的模块而言的，我称之为angular模块。通过angular.module()方法定义的模块是唯一的，如果重复定义，后面的就会覆盖前面的定义。不是通过angular.module()定义的模块，比如一个方法或一个数组，这些模块也是
ionic入门教程第十三课-多级分类列表的简单实现-附件资源
03-02
ionic入门教程第十三课-多级分类列表的简单实现-附件资源
精选资源
ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新-附件资源
03-05
ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新-附件资源
【6.服务网关Zuul】
qq_32828749的博客
11-10 434
服务网关Zuul的简介
SpringCloud学习笔记二：服务间调用
RHeng的博客
03-24 5545
微服务中，很多服务系统都在独立的进程中运行，通过各个服务系统之间的协作来实现一个大项目的所有业务功能。服务系统间 使用多种跨进程的方式进行通信协作，而RESTful风格的网络请求是最为常见的交互方式之一。在上一篇文章中我们介绍了服务的注册与发现，在此基础上我们将之前创建的eureka-client作为服务消费方创建一个服务提供方。
微服务温习笔记
LHRomance的博客
08-16 281
温习笔记——Feign
SpringCloud.远程消费
qq_59025975的博客
02-13 452
一、SpringCloud搭建 SpringCloud的架构图： nacos ： 1、建立maven的父项目 ①、cloud_01父项目 ②、删除项目中的src（因为父项目没有代码，只需给子类提供依赖即可） ③、修改pom.xml 添加： <packaging>pom</packaging> <spring-boot.version>2.4.1</spring-boot.version> <spring-clou.
ionic 中的路由玩法
liangyiyiliang的专栏
12-07 4045
开发ionic的项目，路由其实还是蛮重要的一个东西。有了这个东西，我们可以很轻松的实现页面的切换和跳转。这里我就介绍一些ionic中的一些路由的简单玩法。 1.路由的准备 首先我们要想路由能很好的工作，那我们就需要在config中配置好相关的东西。在config中需要用到$stateProvider 和$urlRouterProvider两个模块，我们要将他们依赖进来。 然后我们就先用$
Angular中的$provide(自定义服务)
qq_30937147的博客
01-26 946
Angular中的$provide(自定义服务)自定义服务的三种方式 通过provider方式 通过factory方式，factory方式创建的服务必须要有返回值，可以返回任意类型的值，基本数据类型或者复合数据类型。 通过service方式，service方式创建的服务必须返回一个复合数据类型(对象或数组)。 $provide如何实现自定义服务依赖注入$provideAngular自定义服务方式不只
AngularJS中的控制器
greensomnuss的博客
04-28 531
有如下例子： 其中这里面： AngularJS 应用程序由 ng-app 定义。应用程序在 内运行。 ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。 AngularJS 使用$scope 对象来调用控制器。 在 AngularJS 中，
angularjs + ionic 实现项目的按需加载
weixin_30401605的博客
08-23 160
参考： ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）作者有一系列的ionic教程，很不错！ AngularJS模块详解 自己的demo： angularjs-ionic-demo demo中的READE.md写的比较混乱，可以忽略不看 ionic自带使用gulp压缩文件可以查看gulpfile.js文件（里面有我添加的基本tas...
Angularjs的按需加载(3)
m0_48741717的博客
09-15 187
上一篇大概的描述了一下Angular的启动过程, 如果想要在自己的项目里,异步的加载第三方模块,就是按照上一篇的主要逻辑再跑一遍. 这样子,第三方的模块的方法才能全部加载到angular里. app.config([ '$controllerProvider', '$compileProvider', '$filterProvider', '$provide', '$injector', function($controllerProvider, $compileProvider,
4learn
lijie0018的博客
01-14 392
Day01(2022.01.14) 1.创建一个empty项目 2.创建一个modeul--选择maven 可以参考：构建SpringCloud 项目初始环境（一）_AimerDaniel的博客-优快云博客 Ctrl+N ，可以搜索类
【Flutter】Getx设计模式及Provider、Repository、Controller、View等
最新发布
jeversonjee's blog
04-06 1373
移动端或者前端很少去直接操作远程数据， 故不存在类似Spring 中的DAO， 此处示例中抽象出的Provider我们可以理解为服务提供者即此处的网络请求Service，亦或者DBService的上层服务提供者。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值