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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

继上篇教程我们已经创建了一个使用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 3711
大家一般用angular的$controller的时候都是用如下的方式： angular.module('app',[]) .controller('appController',function{}) 这样的方式是让angular自动去寻找程序的入口ng-app，然后自动解析依赖注入，并且声成实例。 其实在angular内部执行过程如下 //使用注射器加载应用 var injec
Ionic程序分离不同controller
null
03-15 3273
Ionic 目录：https://blog.csdn.net/dkbnull/article/details/87937179 在我们使用 ionic start HelloWorld tabs 等命令创建一个ionic程序时，系统会自动创建一个controllers.js文件，并且把所有的控制器都写到这个文件中。 当我们的项目比较小的时候，我们还可以...
ionic---控制器文件分离
leason的博客
02-27 1025
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 157
最近因为项目的比较大，需要加载的js文件较多，为了提高首屏页面的加载速度，需要对js文件进行按需加载，然后网上参考了一些资料，自己也深入研究一番之后，实现了按需加载控制器js文件及指令js文件的效果；思路如下，1、借助ui-router里面的resolve属性来实现预加载，2、需要借助$controllerProvider动态去注册控制器，$compileProvider动态去注册指令，3、需要借...
AngularJS模块详解
热门推荐
清箫的专栏
03-23 1万+
在angular中，模块可以是一个对象、一个方法或一个数组（数组的最后一个元素必须是方法）。后面要讲的模块属性和方法，都是针对通过angular.module()方法定义的模块而言的，我称之为angular模块。通过angular.module()方法定义的模块是唯一的，如果重复定义，后面的就会覆盖前面的定义。不是通过angular.module()定义的模块，比如一个方法或一个数组，这些模块也是
【6.服务网关Zuul】
qq_32828749的博客
11-10 399
服务网关Zuul的简介
SpringCloud学习笔记二：服务间调用
RHeng的博客
03-24 5446
微服务中，很多服务系统都在独立的进程中运行，通过各个服务系统之间的协作来实现一个大项目的所有业务功能。服务系统间 使用多种跨进程的方式进行通信协作，而RESTful风格的网络请求是最为常见的交互方式之一。在上一篇文章中我们介绍了服务的注册与发现，在此基础上我们将之前创建的eureka-client作为服务消费方创建一个服务提供方。
微服务温习笔记
LHRomance的博客
08-16 236
温习笔记——Feign
SpringCloud.远程消费
qq_59025975的博客
02-13 405
一、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 4006
开发ionic的项目，路由其实还是蛮重要的一个东西。有了这个东西，我们可以很轻松的实现页面的切换和跳转。这里我就介绍一些ionic中的一些路由的简单玩法。 1.路由的准备 首先我们要想路由能很好的工作，那我们就需要在config中配置好相关的东西。在config中需要用到$stateProvider 和$urlRouterProvider两个模块，我们要将他们依赖进来。 然后我们就先用$
AngularJS中的控制器
greensomnuss的博客
04-28 500
有如下例子： 其中这里面： AngularJS 应用程序由 ng-app 定义。应用程序在 内运行。 ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。 AngularJS 使用$scope 对象来调用控制器。 在 AngularJS 中，
angularjs + ionic 实现项目的按需加载
weixin_30401605的博客
08-23 133
参考： ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）作者有一系列的ionic教程，很不错！ AngularJS模块详解 自己的demo： angularjs-ionic-demo demo中的READE.md写的比较混乱，可以忽略不看 ionic自带使用gulp压缩文件可以查看gulpfile.js文件（里面有我添加的基本tas...
Angularjs的按需加载(3)
m0_48741717的博客
09-15 166
上一篇大概的描述了一下Angular的启动过程, 如果想要在自己的项目里,异步的加载第三方模块,就是按照上一篇的主要逻辑再跑一遍. 这样子,第三方的模块的方法才能全部加载到angular里. app.config([ '$controllerProvider', '$compileProvider', '$filterProvider', '$provide', '$injector', function($controllerProvider, $compileProvider,
4learn
lijie0018的博客
01-14 354
Day01(2022.01.14) 1.创建一个empty项目 2.创建一个modeul--选择maven 可以参考：构建SpringCloud 项目初始环境（一）_AimerDaniel的博客-CSDN博客 Ctrl+N ，可以搜索类
【Flutter】Getx设计模式及Provider、Repository、Controller、View等
最新发布
jeversonjee's blog
04-06 1230
移动端或者前端很少去直接操作远程数据， 故不存在类似Spring 中的DAO， 此处示例中抽象出的Provider我们可以理解为服务提供者即此处的网络请求Service，亦或者DBService的上层服务提供者。
AngularJS动态加载Controller
Mr_rencp的博客
04-13 1935
我们把实现动态加载Controller方法封装到一个通用的模块里面，并命名这个模块为ngCommon。(function (angular) {'use strict'; var CommonApp = angular.module('ngCommon'); ... })(angular);接下来我们实现一个动态加载js的方法$require。/* 记录已加载的js */ var ...
(十八)angularjs中模块bootstrap后,动态注册新的controller
aty
08-31 5022
但是有的时候我们需要动态增加controller，比如我们的项目中1个页面是由各种控件组成的，比如按钮、文本框等都是我们封装的一个控件，每个控件都有自己的scope，也就是说每个控件都有自己的controller。很明显有些控件需要跟随页面ready之后加载(初始化)，但是有的控件可能会在页面ready之后再加载。项目中我们每一个page，都是一个angularjs模块。这就要求我们能够在页面ready之后，动态注册和调用新的controller。
按需加载 AngularJS 的 Controller
linuxarmsummary的专栏
07-08 1945
多视图应用 AngularJS 通过路由支持多视图应用， 可以根据路由动态加载所需的视图， 在 AngularJS 的文档中有详细的介绍， 网上也有不少教程， 就不用介绍了！ 随着视图的不断增加， js文件 会越来越多， 而 AngularJS 默认需要把全部的 js 都一次性加载， 使用起来非常不便， 因此按需加载模块的需求会越来越强， 不过， AngularJS 并没有实现按需加载
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值