Angular 如何在Typescript中延迟后显示模态

Angular 如何在Typescript中延迟后显示模态,angular,typescript,angular7,Angular,Typescript,Angular7,在我的angular应用程序中,当用户单击主模式中的确认按钮时,我正在调用API方法,根据成功或失败响应,我必须显示成功或失败模式对话框 但目前,只要用户单击确认按钮,就会显示成功或失败模式对话框,而不是等待API方法响应,因为我在HTML中使用数据目标和切换 在谷歌,你可以看到下面javascript的答案,但不知道如何在Typescript中实现同样的效果 我尝试了*ngIf=“issucess”或*ngIf=“isFailed”但没有显示模式对话框 setTimeout(function(

在我的
angular
应用程序中,当用户单击主模式中的确认按钮时,我正在调用API方法,根据成功或失败响应,我必须显示成功或失败模式对话框

但目前,只要用户单击确认按钮,就会显示成功或失败模式对话框,而不是等待API方法响应,因为我在HTML中使用数据目标和切换

在谷歌,你可以看到下面javascript的答案,但不知道如何在Typescript中实现同样的效果

我尝试了
*ngIf=“issucess”
*ngIf=“isFailed”
但没有显示模式对话框

setTimeout(function() {
    $('#myModal').modal();
}, 2000);

有人能帮我在Typescript中实现这种行为吗?

使用RxJS Observable或Promise来处理这种情况。 所以,让我们假设你有一个能分辨为真或假的全部。 您的代码如下所示:

apiCall().subscribe(
  (result) => {
    if(result){
      // open dialog for success
    }else {
      // open dialog for fail
    }
  }
)

请添加您的API调用和更多详细信息如果您使用rxjs,您可以在响应解析后调用模态。不建议使用超时功能,因为您永远不知道需要多长时间来尝试以下操作: