如何在 Typescript 延迟后显示模态 [关闭]答案

【问题标题】：How to display modal after a delay in Typescript [closed]如何在 Typescript 延迟后显示模态 [关闭]
【发布时间】：2021-03-04 17:20:15
【问题描述】：

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

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

在 google 中，可以看到下面的 javascript 答案，但不确定如何在 Typescript 中实现。

我尝试了*ngIf="isSuccess" 或*ngIf="isFailed"，但没有显示模态对话框。

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

有人可以帮我在 Typescript 中实现这种行为吗？

【问题讨论】：

【解决方案1】：

使用 RxJS Observable 或 Promise 来处理这种情况。所以让我们假设你有 apiCall 它将解析为真或假。您的代码将是这样的：

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

【讨论】：