angular中使用$q

2024-08-30

angular中$q用法, $q多个promise串行/同步/等待）， $q.all用法,使用

$q的基本用法 function fn() { var defer = $q.defer(); setTimeout(function () { console.log(1); defer.resolve(6); }, 2000); return defer.promise; } fn().then(function (data) { console.log(data); //2000ms后打印6 }).catch(function (err) { console.error(err); });

形象的讲解angular中的$q与promise（转）

以下内容摘自http://www.ngnice.com/posts/126ee9cf6ddb68 promise不是angular首创的,作为一种编程模式,它出现在……1976年,比js还要古老得多.promise全称是 Futures and promises.具体的可以参见 http://en.wikipedia.org/wiki/Futures_and_promises . 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowa

原创：形象的讲解angular中的$q与promise

promise不是angular首创的,作为一种编程模式,它出现在……1976年,比js还要古老得多.promise全称是 Futures and promises.具体的可以参见 http://en.wikipedia.org/wiki/Futures_and_promises . 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowal/q 而angular中的$q就是从它引入的.promise解决的是异步编程的问题,对于生活在同

angular中的$q.defer()服务异步处理

jquery和angular都有defer服务,我暂以angular为例谈谈我的理解,最后并附上jquery的阮一峰总结的defer. 以我目前项目的部分代码为例说明为什么要用deferred. function getBase64(img){//传入图片路径,返回base64 function getBase64Image(img,width,height) { var canvas = document.createElement("canvas"); canvas.width =

Angular中的$q的形象解释及深入用法

作者:寸志链接:https://zhuanlan.zhihu.com/p/19622332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 早上,老爸说:“儿子,天气如何?” 每周一早上,老爸问儿子下午的天气情况,儿子可以到自家房子旁边小山上使用望远镜来观看.儿子在出发时许诺(Promise)老爸(会通知老爸天气情况). 此刻,老爸决定,如果天气不错,明天就出去捕鱼,否则就不去.而且如果儿子无法获得天气预报的话,也不去捕鱼. 30分钟左右,儿子回来了,每周的结局都不

promise和Angular中的 $q, defer

在ES6语法中,新出了promise构造函数, 可用来生成promise实例. Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作).有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称'回调地狱'). 在Angularjs中,对象deferred 实例也可以暴露派生的Promise 实例.以下将对此作简单描述: 1. $q: $q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(

angular中的$q服务实例

用于理解$q服务参考:http://www.zouyesheng.com/angular.html#toc39 广义回调管理和其它框架一样, ng 提供了广义的异步回调管理的机制. $http 服务是在其之上封装出来的.这个机制就是 ng 的 $q 服务. 不过 ng 的这套机制总的来说实现得比较简单,按官方的说法,够用了. 使用的方法,基本上是: 通过 $q 服务得到一个 deferred 实例通过 deferred 实例的 promise 属性得到一个 promise 对象 promi

angular中的$q服务

$q的一共有四个api: 1.$q.when(value, successFn, errorFn, progressFn),返回值为一个promise对象 --value可以是一个任意数据,也可以是一个promise对象: 如果是任意数据的情况,则直接调用successFn的函数,所以后两个参数没有写的意义. var a=$q.when("something",function(data){ console.log(data) //something return data; }) a

Deferred在jQuery和Angular中的使用与简单实现

Deferred在jQuery和Angular中的使用与简单实现 Deferred是在jQuery1.5版本中加入的,并且jQuery使用它完全重写了AJax,以前也只是偶尔使用.但是上次在使用Angular做一个小应用的时候,遇到一个问题, 我将我的AJax请求放在了自己定义的factory中,并在factory编写回调函数,返回处理后的对象,然后将这个factory注入到controller中,然后我在controller中就开始对这个对象进行操作,进行一些和View上的数据绑定. 当我这样

angular中的promise

angular中的promise用法标签(空格分隔): angular 前言 Promise其实是一个规范,用类似then().then()这样的链式调用形式来处理因为异步带来意大利面条式的代码(多层函数嵌套). 多层函数嵌套的原因是,因为js的异步特性,导致我们后面函数需要用到这个异步函数获取的数据或者结果时,必须要等异步函数处理完成.所以必须写在这个异步函数结尾. Angular中的promise:$q Angular把promise封装成了一个服务$q方便我们到处使用它. 当我们用con

promise在angular中的基本使用

promise在angular中的基本使用 <!DOCTYPE html> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://apps.bdimg.com/libs/angular.js/1.2.1

Angular中ngCookies模块介绍

1.Cookie介绍 Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie.内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的.硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间是长期的.所以,按存在时间,可分为非持久Cookie和持久Cookie. 主要因为HTTP协议无状态性,服务器需要知道用户在之前的页面做了哪些操作,所欲引入Cookie,是一种解

angular 中父元素ng-repeat后子元素ng-click失效

在angular中使用ng-repeat后ng-click失效,今天在这个上面踩坑了.特此记录一下. 因为ng-repeat创造了新的SCOPE.如果要使用这个scope的话就必须使用$parent来获取其对应的SCOPE的属性. 1 2 3 4 5 <tr class="odd thead head" > <td>序号</td> <td>客户名称<

angular中的compile和link函数

angular中的compile和link函数前言这篇文章,我们将通过一个实例来了解 Angular 的 directives (指令)是如何处理的.Angular 是如何在 HTML 中找到这些 directive 的.以及如何编写自定义的指令. 这是原文提供的代码:http://www.angularjshub.com/examples/customdirectives/compilelinkfunctions/#top 更加友好的排版:http://blog.wangtuyao.com

angular源码分析：angular中脏活累活的承担者之$interpolate

一.首先抛出两个问题问题一:在angular中我们绑定数据最基本的方式是用两个大括号将$scope的变量包裹起来,那么如果想将大括号换成其他什么符号,比如换成[{与}],可不可以呢,如果可以在哪里配置呢? 问题二:绑定的数据是如何被解析的呢?我们通过对$parse的分析,应该猜到绑定到模版的表达式最终会被传给$parse服务来处理,那么是谁将表达式从html字符串中给读取出来的呢? 二.$interpolate的功能 $interpolate是一个angular的内部服务,专门给$compil

angular源码分析：angular中入境检察官$sce

一.ng-bing-html指令问题需求:我需要将一个变量$scope.x = '<a href="http://www.cnblogs.com/web2-developer/">王大鹏</a>'绑定到angular的视图上,希望视图上显示的一个链接. 1.如果,我采用ng-bind="x",或者{{x}},我在视图看到的结果就是上面那个字符串,就说里面的都被转义了. 2.如果,我在用ng-bind-html,视图上什么都没有,并且会抛出一

angular源码分析:angular中脏活累活承担者之$parse

我们在上一期中讲 $rootscope时,看到$rootscope是依赖$prase,其实不止是$rootscope,翻看angular的源码随便翻翻就可以发现很多地方是依赖于$parse的.而$parse的源码打开一看,它的代码量有接近两千行.翻开angular的api文档,官方只给出了简短的解释"Converts Angular expression into a function(将一个angular的表达式转化为一个函数)",心中神兽奔腾----就这么点功能为什么要"

angular源码分析：angular中$rootscope的实现——scope的一生

在angular中,$scope是一个关键的服务,可以被注入到controller中,注入其他服务却只能是$rootscope.scope是一个概念,是一个类,而$rootscope和被注入到controller中的一个具体的$scope都是一个个具体的对象.$rootscope之所以被称为"root"的原因就是他是所有scope的祖先,$rootscope是在angular启动流程中建立的(上上期讲过),而被注入到controller中的$scope则是在视图创建的时候通过父辈的$s

angular中自定义依赖注入的方法和decorator修饰

自定义依赖注入的方法 1.factory('name',function () { return function(){ } }); 2.provider('name',function(){ this.$get=function(){ return function(){ } }; }); 3.service('name',function(){ this.n=v; }); 4.constant('name','value'); 5value('name','value'); 依赖的继承

在checkbox中使用.prop; angular中属性的值使用变量问题

1.在checkbox中使用.prop而不使用.attr ,.attr有时并不如愿的改变checkbox的打钩问题给这个checkbox设置return false就能阻止点击则改变状态的默认行为,然后你需要什么样的行为(比如加个是否的过滤)就再重新写就好了 ps(无关的):想要有滚动条,给一个div设置 overflow-x:srcoll:就可以了 2.在angular中,把{{}}表达式写在html的做法,是一个取值的过程,只要加了{{}},相当于就已经读出来了,也不会再变了当我们需要

Angular中的jsonp

1.一般我们使用Angualr中的jsonp值这样使用的:注入$http服务这样使用jsonp的方式可以支持多数api,但是douban不支持无法使用 module.controller('InTheatersController',['$scope','$http', function($scope,$http){ var doubanApiAddress = 'https://api.douban.com/v2/movie/in_theaters'; /!*在angualr中使用jsonp

angular中使用$q

热门专题