0

我将Bootstrap UI与 AngularJS 结合使用来显示模式对话框，同时$http处理请求。把它想象成一个等待对话框。我想将代码保留为一个简单的四行代码，我可以将它放在这样的不同位置：

$scope.foobar = function() {
  var waitDialog = $uibModal.open({ templateUrl: 'waitDialog.html' });
  waitDialog.result.catch(function() { /** Rejection ignored */ });

  MyService.doSomething()
  .then(function onSuccess(response) {
    waitDialog.dismiss('Success.');
    // ...
  })
  .catch(function onError(response) {
    waitDialog.dismiss('Failed.');
  });
};

这在大多数情况下都可以正常工作，但是模态对话框时不时地不会以编程方式关闭。即使 HTTP 请求返回了结果，它仍保持打开状态。我在对话框中添加了一个关闭按钮，因此用户仍然可以通过$dismiss()手动调用来关闭它。

但是，我不明白为什么对话框并不总是以编程方式关闭。我知道这样一个事实，它会$http返回一个承诺，并且可能会有延迟。但是我已经通过将waitDialog对象打印到控制台来调试代码，它似乎总是既定义又相同的对象。我没有看到任何范围问题。我错过了什么？

4

1 回答 1

1

您不能在打开模式之前关闭它，所以应该是waitDialog.opened.then(() => waitDialog.dismiss())

于 2021-10-11T10:40:24.670 回答