在 sweetalert 中有条件地禁用确认按钮答案

【问题标题】：Disable Confirm Button conditionally in sweetalert在 sweetalert 中有条件地禁用确认按钮
【发布时间】：2021-05-14 18:01:26
【问题描述】：

在我的一个代码中，我使用了 javascript sweet alert 库：

https://limonte.github.io/sweetalert2/

https://github.com/limonte/sweetalert2

我想有条件地禁用确认按钮，但在文档中还没有找到这样的属性。

有人用过吗？

PS：在文档中我找到了swal.disableConfirmButton() 方法，但是在使用相同的 Angular 时会引发错误

__WEBPACK_IMPORTED_MODULE_7_sweetalert2___default.a.disableConfirmButton is not a function

【问题讨论】：

你如何在课堂上导入swal？
swal 的配置工作正常，只需在按钮 disabled 时发出问题，否则一切都像魅力一样工作
你能展示整个代码你是如何禁用它的吗？
我刚刚添加了swal.disableConfirmButton();这段代码用于禁用功能
我建议将 ngx-sweetalert2 与 is for angular only 一起使用。 github.com/sweetalert2/ngx-sweetalert2 。你用的是哪个版本？

标签： angular sweetalert

【解决方案1】：

我在导入“sweetalert2”时遇到了同样的问题：

import swal2 from 'sweetalert2/dist/sweetalert2.js' import 'sweetalert2/dist/sweetalert2.css'.

添加以下代码对我有用。

 confirmButtonText: 'Submit Bond',
 showLoaderOnConfirm: true,
 onOpen: function (){
              swal2.disableConfirmButton();
                   },

同时查看https://github.com/sweetalert2/sweetalert2/issues/226 :)

【讨论】：

我还没查，顺便查一下，谢谢回答

【解决方案2】：

如果我很好地理解了您的解释，那么您使用的是 Angular，您可以分配一个变量并根据您的约束或情况进行更改。

例如，

disableButton: boolean;
.
.
.
constructor(){
this.disableButton = false;
}
updateDisableButton(){
  if(/*case1**/)
    this.disableButton = true;
  else if
  ...
}

在你的 html 中

<button [disabled]="disableButton"></button>

【讨论】：

你检查过我的问题了吗？我通过使用 sweetalert 包询问。请重新阅读我的问题

【解决方案3】：

在 Swal2 中，您可以使用swal.getConfirmButton() 函数来获取按钮元素。然后你可以用它做任何你想做的事情。例如，如果您使用 JQuery，您可以轻松地执行 $(swal.getConfirmButton()).prop('disabled', true) 之类的操作。您可以在文档中引用许多有用的函数here。

【讨论】：