如何在angular 2中仅当模型窗口返回promise时解析函数？
在Angular 2中，可以使用async/await来解决当模态窗口返回Promise时的解析函数问题。
首先，确保你的模态窗口返回的是一个Promise对象。这个Promise对象可以在模态窗口关闭时进行resolve或reject操作。
接下来，在调用模态窗口的地方，使用async关键字将函数标记为异步函数。然后，在调用模态窗口的地方使用await关键字等待Promise对象的解析。
下面是一个示例代码：
async openModal() {
const result = await this.modalService.open().toPromise();
// 在这里可以使用result进行后续操作
}在上面的代码中，openModal函数使用了async关键字来标记为异步函数。在调用模态窗口的地方，使用await关键字等待Promise对象的解析。一旦Promise对象解析完成，将返回结果赋值给result变量，然后可以在函数中使用result进行后续操作。
需要注意的是，使用async/await需要在函数所在的类中引入rxjs库中的toPromise方法，以将Observable转换为Promise对象。可以通过以下方式引入：
import { toPromise } from 'rxjs/operators';这样，你就可以在Angular 2中仅当模态窗口返回Promise时解析函数了。
相关·内容
1回答
Typescript异步/等待Promise调用差异？
javascript、asynchronous、ecmascript-2016、typescript1.7
如果在Typescript 1.7 / ES7中，我有三个函数：
async function f(): Promise<int> { /* ... */ }
async function g(): Promise<int> {
return f();
}
async function h(): Promise<int> {
return await f();
}
这些调用之间的区别是什么：
g();
h();
await g();
await h();
浏览 30提问于2015-11-24得票数 1
2回答
等待承诺的结果还承诺吗？
javascript、angular、typescript、asynchronous、rxjs
我有一个像这样简单的函数，我期待着true的到来。它从true创建了一个true，将其转化为一个承诺，await是这样的：
async function returnTrue() {
return await of(true).toPromise();
}
var b = returnTrue();
console.log("b is: ", b);
当b的值被记录时，它会记录如下：
b is:Promise {}
另一种方法是对可观察的pipe进行如下操作：
function returnFalse() {
return of
浏览 0提问于2019-09-12得票数 2
回答已采纳
2回答
错误:类型在ES5/ES3中不是有效的异步函数返回类型，因为它没有引用Promise兼容的构造函数
angular、promise
我用TypeScript编写了这个函数：
export class LoginService {
async isLoggedIn(): boolean {
const r = await this.http.get('http://localhost:3000/api/user/isLoggedIn').toPromise();
return r.body;
}
}
当我尝试运行Angular 6应用程序时，我收到以下错误消息：
src/app/login.service.ts(28，23)中出错:错误TS1055:类型'b
浏览 1提问于2018-10-08得票数 59
1回答
使用auth.service的路由保护
angular、rxjs、angular2-routing、angular6
我正在尝试创建一个路由守卫来保护一些延迟加载的模块的安全，我有一个带有BehaviorSubject的身份验证服务，它保存当前用户和JWT令牌
当我调用卫兵时，它首先获取当前用户的默认值，然后在第二次尝试时才允许用户到达路由。
auth.service.ts：
import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse, HttpResponse, HttpHeaders } from '@angular/common/http';
import { Obs
浏览 64提问于2018-06-10得票数 0
回答已采纳
4回答
将异步函数转换为可观察的RxJ
angular、typescript、async-await、rxjs、observable
若要防止编写一定数量的代码，请参见下面的示例：
...
public getDataSet() : Observable<any>
{
return new Observable(observer => {
if (this.dataset === undefined) {
this.get().subscribe(data => {
this.dataset = new DataSet(data) ;
浏览 1提问于2021-07-27得票数 2
回答已采纳
3回答
从“异步”函数返回` `void`‘
javascript、typescript
所以我遇到过几次这种情况，我总是忽略它。
在TypeScript中，当我编码时：
async function someAsyncFunc(): void {
const prom = await somePromise();
}
它向我抱怨异步函数应该始终具有返回类型为：Promise<T>。所以它想让我：
async function someAsyncFunc(): Promise<void>
我知道，但是这个方法不返回任何。到目前为止，我总是让步，使用Promise<void>类型，但是这会导致错误，因为TypeScript现在认为这个函数会
浏览 11提问于2020-03-19得票数 0
3回答
Javascript:在异步函数中返回promise
javascript
如果我这样做，会有什么不同：
async function test () {
const foo = await bar()
return Promise.all([promise1, promise2])
}
而不是：
async function test () {
const foo = await bar()
const [result1, result2] = await Promise.all([promise1, promise2])
// Given that I don't care about result1, result2 in this
浏览 0提问于2017-01-13得票数 17
回答已采纳
1回答
角质2从url得到值并承诺并等待
angular、typescript
因此，我正在尝试从url中获取值，并且我想要通过承诺和异步/等待来完成这一任务。但是，当我在镀铬和歌剧中运行这个程序时，它只是站在那里等待这一点。有人能把我引向正确的方向，还是我做错了什么？
我的组件实现:实现OnInit
构造者：
constructor(private route: ActivatedRoute,
private zone : NgZone
)
{
}
进口：
import { Component, OnInit, NgZone } from '@angular/c
浏览 1提问于2017-05-28得票数 1
回答已采纳
4回答
我一定要一直等在呼叫链上吗？
javascript
如果我有一个async函数，是否必须在调用链中重复使用await关键字，即使被调用的方法被标记为async并使用await关键字本身？
async function foo() {
const result = await bar(); // is this await required?
console.log(result);
}
async function bar() {
console.log('waiting...');
return await new Promise(resolve => setTimeout(() => res
浏览 3提问于2017-07-27得票数 0
回答已采纳
1回答
嵌套异步/等待函数
javascript、asynchronous、async-await
我试图理解如何以嵌套的方式使用异步/等待。在这个例子中，我调用函数a()，在其中，我想调用b()并确保b()在a()之前解析。下面是代码，尽管调用了b()，但它没有被解析。
function a() {
b();
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('resolved a');
}, 2000);
});
}
function b() {
console.log('calling b');
re
浏览 2提问于2021-05-21得票数 2
回答已采纳
1回答
异步函数没有返回不同的行为？
javascript
下面是一个示例： let test = async () => {
let res = fetch('https://jsonplaceholder.typicode.com/todos/1')
}
console.log(test()) // Promise {<resolved>: undefined} 因为我没有返回任何东西，所以输出是Promise {<resolved>: undefined}，它是用undefined解决的。我明白这一点。 现在，这是第二个示例： let test = async () => {
let
浏览 21提问于2019-12-08得票数 1
回答已采纳
2回答
从返回值的角度来看，在异步函数中等待关键字的意义是什么？
javascript、asynchronous、async-await
我研究了许多帖子、文章和文档。我在寻求更深层次的理解。
来自
await表达式导致async函数执行暂停，直到Promise解决为止，.
let fetchLocation = () => {
//fetches information from satellite system and
//returns a Vector2 of lat long on earth
return new Promise(resolve => {
setTimeout(() => {
resolve({
lat: 73,
浏览 8提问于2022-01-26得票数 1
3回答
为什么可以将Promise<ClassA>赋值给classA的对象
java、angular、typescript、promise
我刚开始学习角，我发现我的公司项目有以下代码：
currentCDFlow: CDCurrentFlowDTO;
this.currentCDFlow = await this.serivce.getCDMaster();
getCDMaster()代码是
public async getCDMaster(): Promise<CDCurrentFlowDTO> {
return await this.http.post<CDCurrentFlowDTO>(Constants.BASE_HREF + '/getCDMaster', null,
浏览 4提问于2020-05-31得票数 0
回答已采纳
2回答
如何让typescript将已解析的Promise<T>视为T类型
typescript、asynchronous、promise
我刚开始使用typescript，我正在创建一些东西，并且面临着当我使用javascript时从未发生过的问题。
假设我们有返回Promise<ResultSet>的async函数
interface ResultSet {
status: number; // 0 for success 1 for failure
data?: any;
}
const getDataFromServer = async (parameter: string): Promise<ResultSet> => {
const response = await fet
浏览 69提问于2020-05-28得票数 0
回答已采纳
1回答
async await函数返回promise而不是string
javascript、reactjs、async-await
我是javascript的新手，这里我有一个下面的graphql
getId = async dataId => {
let finalData = await apolloClient.query({
query: GET_DOOR_ORDER,
variables: {
Id: dataId
}
})
return finalData?.value
}
现在，我正在调用这个函数
let orderIdForbuyingSessionsEdit = '';
orderIdFo
浏览 0提问于2020-08-27得票数 1
3回答
Javascript等待/异步功能-如果函数中没有等待字怎么办？
javascript、asynchronous
我正在学习Javascript ES2017异步/等待功能。我读了很多关于它的书，我发现等待就像是让步，让我们可以等待承诺的完成。
来自
async function showAvatar() {
// read our JSON
let response = await fetch('/article/promise-chaining/user.json');
let user = await response.json();
// read github user
let githubResponse = await fetch(`https://a
浏览 2提问于2017-12-21得票数 0
3回答
为什么for...of等待解决的承诺，而.forEach()却没有？
javascript、loops
在处理承诺的情况下，我很难理解for...of与.forEach()有何不同。
使用这个片段：
const allSettled = async arr => {
const data = []
for (const promise of arr) {
try {
const result = await promise;
data.push(result);
} catch (e) {
data.push(e)
}
}
return
浏览 5提问于2021-02-25得票数 4
回答已采纳
1回答
面向角度的服务方法单元测试用例
unit-testing、typescript、angular-2+
我想为服务类编写测试用例。
我的服务类动态-form.service.ts
import { HttpClient, HttpBackend } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
@Injectable({
providedIn: 'root'
})
export class DynamicFormService {
priv
浏览 0提问于2021-04-20得票数 0
回答已采纳
2回答
是否有必要等待每个异步函数的结果？
javascript、async-await
我定义了以下JavaScript函数
async isDataValid (externalValidation = true) {
const isValid = (await this.v$.$validate()) && externalValidation
// other stuff not relevant to my question happens here
return isValid
}
AFAIK，我需要将它定义为async函数，以便等待this.v$.$validate()的结果。
因为isDataValid本身就是async，所
浏览 13提问于2022-11-09得票数 2
2回答
调用内部有await的方法时，不会等待承诺解析
javascript、typescript、async-await
考虑下面这样的场景：
function method1(): Promise<string> {
return new Promise((resolve, reject) => {
// do something
const response = true;
setTimeout(() => {
if (response) {
resolve("success");
} else {
reject("error");
}
}, 5000
浏览 4提问于2021-06-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
