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

最新推荐文章于 2022-11-10 18:27:42 发布
最新推荐文章于 2022-11-10 18:27:42 发布
阅读量1.1w 收藏 3
点赞数 2
分类专栏： Ionic1入门教程 文章标签： ionic 按需加载 controllerProvider
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/onil_chen/article/details/51088503
版权
Ionic1入门教程 同时被 3 个专栏收录
20 篇文章 0 订阅 ¥59.90 ¥99.00
订阅专栏
原创
72 篇文章 0 订阅
订阅专栏
ionic
20 篇文章 0 订阅
订阅专栏

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

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

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

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

在app.config的函数中加入

app.registerController = $controllerProvider.register;
记得导入引用$controllerProvider


然后修改路由，在路由中增加在路由前执行（resolveÿ
了解本专栏 订阅专栏 解锁全文
陈小聪-小虎Oni
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
订阅专栏
angular中的$controller服务
lzf的博客
10-10 3647
大家一般用angular的$controller的时候都是用如下的方式： angular.module('app',[]) .controller('appController',function{}) 这样的方式是让angular自动去寻找程序的入口ng-app，然后自动解析依赖注入，并且声成实例。 其实在angular内部执行过程如下 //使用注射器加载应用 var injec
Ionic程序分离不同controller
null
03-15 3215
Ionic 目录：https://blog.csdn.net/dkbnull/article/details/87937179 在我们使用 ionic start HelloWorld tabs 等命令创建一个ionic程序时，系统会自动创建一个controllers.js文件，并且把所有的控制器都写到这个文件中。 当我们的项目比较小的时候，我们还可以...
ionic---控制器文件分离
leason的博客
02-27 979
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 121
最近因为项目的比较大，需要加载的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按需加载controller解决方案
06-08
目前在项目里使用的按需加载文件的解决方案，所有的controller分离,并且按需加载controller.
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 311
服务网关Zuul的简介
微服务温习笔记
LHRomance的博客
08-16 195
温习笔记——Feign
ionic 中的路由玩法
liangyiyiliang的专栏
12-07 3937
开发ionic的项目，路由其实还是蛮重要的一个东西。有了这个东西，我们可以很轻松的实现页面的切换和跳转。这里我就介绍一些ionic中的一些路由的简单玩法。 1.路由的准备 首先我们要想路由能很好的工作，那我们就需要在config中配置好相关的东西。在config中需要用到$stateProvider 和$urlRouterProvider两个模块，我们要将他们依赖进来。 然后我们就先用$
AngularJS中的控制器
greensomnuss的博客
04-28 447
有如下例子： 其中这里面： AngularJS 应用程序由 ng-app 定义。应用程序在 内运行。 ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。 AngularJS 使用$scope 对象来调用控制器。 在 AngularJS 中，
angularjs + ionic 实现项目的按需加载
weixin_30401605的博客
08-23 96
参考： ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）作者有一系列的ionic教程，很不错！ AngularJS模块详解 自己的demo： angularjs-ionic-demo demo中的READE.md写的比较混乱，可以忽略不看 ionic自带使用gulp压缩文件可以查看gulpfile.js文件（里面有我添加的基本tas...
Angularjs的按需加载(3)
m0_48741717的博客
09-15 136
上一篇大概的描述了一下Angular的启动过程, 如果想要在自己的项目里,异步的加载第三方模块,就是按照上一篇的主要逻辑再跑一遍. 这样子,第三方的模块的方法才能全部加载到angular里. app.config([ '$controllerProvider', '$compileProvider', '$filterProvider', '$provide', '$injector', function($controllerProvider, $compileProvider,
4learn
lijie0018的博客
01-14 313
Day01(2022.01.14) 1.创建一个empty项目 2.创建一个modeul--选择maven 可以参考：构建SpringCloud 项目初始环境（一）_AimerDaniel的博客-CSDN博客 Ctrl+N ，可以搜索类
AngularJS动态加载Controller
Mr_rencp的博客
04-13 1838
我们把实现动态加载Controller方法封装到一个通用的模块里面，并命名这个模块为ngCommon。(function (angular) {'use strict'; var CommonApp = angular.module('ngCommon'); ... })(angular);接下来我们实现一个动态加载js的方法$require。/* 记录已加载的js */ var ...
(十八)angularjs中模块bootstrap后,动态注册新的controller
aty
08-31 4973
但是有的时候我们需要动态增加controller，比如我们的项目中1个页面是由各种控件组成的，比如按钮、文本框等都是我们封装的一个控件，每个控件都有自己的scope，也就是说每个控件都有自己的controller。很明显有些控件需要跟随页面ready之后加载(初始化)，但是有的控件可能会在页面ready之后再加载。项目中我们每一个page，都是一个angularjs模块。这就要求我们能够在页面ready之后，动态注册和调用新的controller。
按需加载 AngularJS 的 Controller
linuxarmsummary的专栏
07-08 1902
多视图应用 AngularJS 通过路由支持多视图应用， 可以根据路由动态加载所需的视图， 在 AngularJS 的文档中有详细的介绍， 网上也有不少教程， 就不用介绍了！ 随着视图的不断增加， js文件 会越来越多， 而 AngularJS 默认需要把全部的 js 都一次性加载， 使用起来非常不便， 因此按需加载模块的需求会越来越强， 不过， AngularJS 并没有实现按需加载
AngularJs ui-router 路由的简单介绍
weixin_34290352的博客
12-16 283
之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明了的说明下ngRoute和ui-router的区别吧，其实也没很大的区别，主要的就是ngRoute针对于单视图，而ui-router可用于多视图（这里说的视图是指在页面内我们可控制的，可...
@ionic-native/in-app-browser怎么使用
最新发布
06-04
@ionic-native/in-app-browser是一个Ionic Native插件，它提供了一个原生InAppBrowser对象用于在应用程序中打开外部网页或文档。 要使用@ionic-native/in-app-browser，您需要执行以下步骤： 1. 在您的Ionic项目中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值