Question

在我的一个代码中，我正在使用javascript sweet alert library：

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

我想有条件地禁用确认按钮，但尚未在文档中找到此类属性。

有没有人用过这个？

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

__WEBPACK_IMPORTED_MODULE_7_sweetalert2___default.a.disableConfirmButton is not a function

Answer 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：）

Answer 2

如果我理解你的解释，你正在使用Angular，你可以根据你的约束或案例分配一个变量并进行更改。

例如，

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

你的HTML中的

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

Answer 3

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

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

3 个答案: