AngularJS中处理多个promise

本文探讨了在AngularJS中处理多个Promise的高效方法。通过使用$q.all方法,可以将多个Promise的数组作为参数,等待所有Promise完成后统一处理结果,提高了代码的整洁性和效率。

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

 

在使用AngularJS中处理promise的时候,有时会碰到需要处理多个promise的情况。

最简单的处理就是每个promise都then。如下:

 

var app = angular.module("app",[]);

app.controller("AppCtrl", function($q. $timeout){
    var one = $q.defer();
    var two = $q.defer();
    var three = $q.defer();
    
    $timeout(function(){
        one.resolve("one done");
    }, Math.random() * 1000)
    
    $timeout(function(){
        two.resolve("two done");
    }, Math.random() * 1000)  
    
    $timeout(function(){
        three.resolve("three done");
    }, Math.random() * 1000)    
    
    functioin success(data){
        console.log(data);
    }
    
    one.promise.then(success);
    two.promise.then(success);
    three.promise.then(success);
})

 

有没有更好的方式?

$q.all方法可以接受promise的一个数组,按如下调用:

var all = $q.all([one.promise, two.promise, three.promise]);
all.then(success);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值