Promise在angular

2024-08-24

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

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

深入理解jQuery、Angular、node中的Promise

最初遇到Promise是在jQuery中,在jQuery1.5版本中引入了Deferred Object,这个异步队列模块用于实现异步任务和回调函数的解耦.为ajax模块.队列模块.ready事件提供基础功能.在用jQuery操作DOM的时候对Promise的使用欲不够强烈,最近学习node和Angular,需要用js写业务逻辑和数据操作代码的时候这种场景需求就出来了.一般来说事件适合在交互场景中运用,因为用户的行为本来就是分散的,而promise这样的流程控制适合在后台逻辑中处理业务. //j

angular中的promise

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

Promise in AngularJS

What's promise Angular’s event system provides a lot of power to our Angular apps. One of the most powerful features that it enables is automatic resolution of promises. Promises are a method of resolving a value or not in an asynchronous manner. Pro

Angular2 Http

1. 使用Http 绝大部分应用程序都会和后台服务打交道,Http是浏览器和服务器之间通讯的主要协议,通过Http调用来访问远程服务器上相应的 Web API. HttpModule 并不是 Angular 的核心模块,通过Angular包中一个名叫 @angular/http 的独立附属模块发布了出来.我们的应用将会依赖于Angular的 http 服务,它本身又依赖于其它支持类服务.来自 @angular/http 库中的 HttpModule 保存着这些 HTTP 相关服务提供商的全集.

深入探索AngularJS(持续更新)

数据双向绑定并不是Angular最出彩的地方.大部分对AngularJs的介绍都偏重于使用,使用的学习只是学了AngularJs的API,而那只能AngularJs的很小一部分.随着使用越来越深,系统越来越大,我们也越来越迷失,是时候深入AngularJs的实现来学习.因为AngularJs 2.0就要来了,由于2.0和1不兼容,基于API的学习不再有用,而内部实现的精华才能延续.其实,软件的很多技术也大都如此,冲走的是实现,留下的是思想. 原文深入探索AngularJS [TOC] 作用域S

angularjs 学习小结

1.过滤器的使用 <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> &

深入探索AngularJS

目录深入探索AngularJS 作用域Scope是DOM和Directives交互的抽象 Scope是POJO对象 Scope是上下文 Scope继承树 Scope附加功能正交功能 Element和Attribute 模块模式 - Module Pattern 创建模块私有方法 - Private Method 理解返回 - Return Promise - 异步的承诺介绍 Promise in Angular 使用Promise到后台取数据的一个实例创建一个Promise Promi

Working with Validators and Messages in AngularJS

原文:http://odetocode.com/blogs/scott/archive/2014/10/16/working-with-validators-and-messages-in-angularjs.aspx --------------------------------------------------------------------------------------------------------------- In a previous post we looked

浅谈Angular的 $q, defer, promise

浅谈Angular的 $q, defer, promise 时间 2016-01-13 00:28:00 博客园-原创精华区原文 http://www.cnblogs.com/big-snow/p/5126059.html 主题 PromiseAngularJS 1. $q $q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常). 2. defer defer的字面意思是延迟, $q.defer() 可以创建一个deferre

angular学习笔记(二十八-附2)-$http,$resource中的promise对象

下面这种promise的用法,我从第一篇$http笔记到$resource笔记中,一直都有用到: HttpREST.factory('cardResource',function($resource){ return $resource('/card/user/:userID/:id',{userID:123,id:'@id'},{charge:{method:'POST',params:{charge:true},isArray:false}}) }); HttpREST.factory('h

angular的promise理解

promise承诺是angular的一个重点部分,是一种异步处理值(或非值)的方法.一般程序是从上至下执行,遇到某个地方需要花点时间,就干等着把这个地方执行完了,才继续做下一个,看着有点笨蛋.而promise就不这样,把花时间的那个分到一边执行(开个小灶),主灶上继续执行后面的程序. 再形象一点,打算做饭了,菜分炒的跟炖的,炖的花时间,等着炖好了再炒菜太没效率了,就叫个人看着($q.defer),告诉那人等炖好了告诉自己一声,然后自己去炒菜去了,就这样菜炒好了也炖好了. 但是呢,那个看着的人厨艺

形象的讲解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 JS中 Promise用法

一.Promise形象讲解A promise不是angular首创的,作为一种编程模式,它出现在1976年,比js还要古老得多.promise全称是 Futures and promises. 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowal/q 而angular中的$q就是从它引入的.promise解决的是异步编程的问题,对于生活在同步编程世界中的程序员来说,它可能比较难于理解,这也构成了angular入门门槛之一,以下将用

Angular JS 学习笔记(自定义服务：factory，Promise 模式异步请求查询:$http,过滤器用法filter，指令:directive)

刚学没多久,作了一个小项目APP,微信企业号开发与微信服务号的开发,使用的是AngularJS开发,目前项目1.0版本已经完结,但是项目纯粹为了赶工,并没有发挥AngularJS的最大作用,这几天项目到了测试那边,自己正好闲下来了,可以把项目优化一下,目标是做成SPA(单页面应该程序),因为Android版本实在是卡得不行,iPhone上面运行还可以见得了人.不得不优化,SPA做完了,还要做本地化存储.OK,把今天的笔记写下来,回家再完善 ##ListController.js /// <ref

ANGULAR JS PROMISE使用

Promise是一种模式,以同步操作的流程形式来操作异步事件,避免了层层嵌套,可以链式操作异步事件. 我们知道,在编写javascript异步代码时,callback是最最简单的机制,可是用这种机制的话必须牺牲控制流.异常处理和函数语义化为代价,甚至会让我们掉进出现callback大坑,而promise解决了这个问题. 下面实例是angularjs 的promise的实现方式: <!DOCTYPE html> <html ng-app="app"> <

angular的$q服务和promise模式

此承诺/延迟(promise/deferred)实现的灵感来自于 Kris Kowal's Q CommonJS Promise建议文档将承诺(promise) 作为和异步执行操作(action)结果对象进行交互的接口,在指定的时间内可能完成也可能不能够完成(如超时,错误,拦截等等). 从错误处理的角度看,延迟(deferred )和承诺(promise ) API 对于异步编程来说, 和同步编程的 try,catch, 以及throw 作用差不多. // 为了演示的目的,此处我们假设 `$

Angular通信$q服务和promise对象

promise 约定(promise)是一个对象,表示在未来时间点会发生的某件事情,约定可以是三种状态之一:等待.完成或拒绝.约定将从等待状态开始,然后可以转换为完成或者拒绝状态,一旦约定完成或者被拒绝,它就无法再改变状态.例如我们的$http服务返回的就是一个经过包装的promise对象. 可以看到,黑色部分圈起来的是基本的promise部分,此外$http还提供了success和error的语法糖,我们完全也可以直接使用then方法. var promise = ...; // 省略$htt

angular的异步处理$q的使用(promise)

Angular中的promise: Promise是一种异步方式处理值的方法.代表了一个函数最终可能的返回值或者抛出的异常在之前,通常都是使用闭包或者回调来响应非同步的有意义数据使用promise的目的是:获得功能组合和错误冒泡(error bubbling)能力的同时,保持代码异步运行的能力. $q的api: defer():用来生成一个延迟对象 var defer =$q.defer(); reject():参数接收错误消息,相当于在回调函数中抛出一个异常,然后在下一个then中调用

Promise在angular