Angular：Promise.all()的具体应用

现有项目开发中，从后台获取数据用异步promise，可是异步的数据要顺序获取真的是好费劲啊，还好解锁了promise.all()，下面来看代码吧！

遍历this.groupList通过groupID获取组内成员，将获取的成员push到finalAccount数组，this.groupList遍历完成以后，需要将finalAccount发送到父组件内，可是异步的话怎么发都有问题惹，改成promise.all()问题就解决了。

 const array = [];this.groupList.forEach(x => {if (x.checked) {const promise1 = this.customService.getCustomGroupUsers(x.id).then(res => {this.cs.log('promise1');for (const user of res.users) {this.finalAccount.push({groupId: x.id,groupName: x.name,openId: user.openId,userName: user.userName,})}return Promise.resolve(res.users);});array.push(promise1);}});Promise.all(array).then(() => {console.log('emit');this.cs.log('emit');this.onFinalAccount.emit(this.finalAccount);this.onCloseLink.emit(false);});

转载于:https://www.cnblogs.com/xiaojing140421/p/9089187.html

Angular：Promise.all()的具体应用相关推荐

angular $q promise详解
前言通过本文,你大概能清楚angular promise是个啥,$q又是个啥,以及怎么用它.这里咱们先灌输下promise的思想. 下面写的全是废话,一些看着高逼格其实没什么大作用的概念,想知道$q ...
angular面试题及答案_关于最流行的Angular问题的StackOverflow上的48个答案
angular面试题及答案 by Shlomi Levi 通过Shlomi Levi 关于最流行的Angular问题的StackOverflow上的48个答案 (48 answers on Stack ...
promise和Angular中的 $q, defer
在ES6语法中,新出了promise构造函数, 可用来生成promise实例. Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作).有了promise对象, 可以将异步操作以同步 ...
angular HttpClient post put patch del 方法（2）-Promise 服务
之前做了在一个页面的CRUD的方法,现实中webapi模块往往是单独写服务的,所以修改了一下原来的设计和结构,还是需要很多知识的. 2017.11.15增加patch方法 ,改进服务程序优化写法 20 ...
使用 RxJs Observable 来避免 Angular 应用中的 Promise 使用
我们通过一个具体的例子来阐述. 考虑您正在构建一个搜索输入掩码,该掩码应在您键入时立即显示结果. 如果您曾经构建过这样的东西,那么您可能会意识到该任务带来的挑战. 不要在每次击键时都点击搜索端点将搜 ...
angular的$q服务和promise模式
此承诺/延迟(promise/deferred)实现的灵感来自于 Kris Kowal's Q CommonJS Promise建议文档将承诺(promise) 作为和异步执行操作(action) ...
Angular的 $q, defer, promise,$http
$q $q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常). $q的其他方法 $q.when(value) //传递变量值,promis ...
关于angular路由跳转报：Uncaught (in promise): Error: Cannot match any routes.的问题
问题描述今天在使用angular框架进行路由跳转的时候,控制台出现了Uncaught (in promise): Error: Cannot match any routes. 这样的错误.看来几篇 ...
解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
报错信息 vendor.js:22967 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(LoginMod ...

Angular：Promise.all()的具体应用

Angular：Promise.all()的具体应用相关推荐

最新文章

热门文章