问题标签 [sweetalert2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1010 浏览

javascript - SweetAlert2, .then() - 不立即更新 DOM

问题:
我想在甜蜜警报上单击“确定”后将用户重定向到另一个页面,但在我出于某种原因打开另一个甜蜜警报之前,用户不会被重定向。
您可以在代码上设置断点,但页面上什么也没有发生。

问题的简单示例:http: //jsfiddle.net/ADukg/14306/

注意:包括 0 秒超时“解决了问题”

重现:
1)注意箭头后面的文字.. $scope.name = "original",你可以看到它显示在页面上。
2) 单击“首先单击”按钮。这将运行函数 $scope.changeMe(),它将 $scope.name 更新为“delayed.......”
3) 现在,按钮上方的文本应该已更改。但是直到您打开另一个甜蜜警报,文本才会真正改变
4) 单击“然后在这里”或“首先单击”按钮,弹出另一个甜蜜警报,DOM 最终会改变。

我很确定这与 AngularJS 有某种关系,必须使用 1.4.3。

有任何想法吗?

HTML:

JS:

0 投票
3 回答
10563 浏览

javascript - 如何使用 SweetAlert 进行 AJAX 调用

SweetAlert当用户想要删除帐户时,我正在使用AJAX 调用。但我的代码在下面不起作用。我还想添加确认和取消按钮,但我不知道如何使用SweetAlert得很好。

任何帮助将不胜感激。

我正在使用.SweetAlert

https://unpkg.com/sweetalert/dist/sweetalert.min.js来自https://sweetalert.js.org/

0 投票
2 回答
22738 浏览

javascript - 如何在 SweetAlert 弹出窗口中添加关闭按钮

我使用 SweetAlert 库在我的应用程序中显示一个弹出窗口。这是我的代码

我需要在右上角添加一个关闭按钮。根据文档,关闭按钮仅适用于 SweetAlert2 库。

是否可以在 SweetAlert1 库中添加关闭按钮?

0 投票
1 回答
2390 浏览

javascript - 关闭成功甜蜜警报后重定向到其他页面

出于某种原因,以下代码对我不起作用,即使它看起来与我在网上找到的非常相似。我希望弹出一个甜蜜的警报,然后当用户单击确认按钮时,我希望脚本将它们发送回主页。然而,这只是显示了甜蜜的警报,并没有在关闭时重定向它们。另请注意 Sweet Alert 已正确安装。这是我的代码:

0 投票
1 回答
2931 浏览

sweetalert2 - Sweet Alert 2 - 让多个按钮打开不同的警报

我有一个有多个按钮的甜蜜警报。当用户单击一个按钮时,它应该打开一个不同的警报。我可以让 1 个按钮工作,但仅此而已。Sweet Alert 2 有可能吗?

代码:

JS小提琴

0 投票
1 回答
4106 浏览

javascript - 选择示例中来自文件的 sweetalert2 输入选项

在 Sweetalert2 中选择示例:

键值结构用于填充要选择的项目。有没有办法从本地文件中做到这一点?

我的特殊情况:我正在开发一个执行一些操作并使用来自数据库的一些信息的网站。对我来说,创建一个具有此结构的 json 文件真的很容易:

其中 tag[i] 可以是不遵循该 tag[i] 结构的任何类型的字符串。

这个问题中,我发现这可以使用Promise来执行:

我不知道如何将 json 文件(位于 /public/resources/tags.json 下)加载到 inputOptionsPromise 解析函数中。

0 投票
1 回答
1169 浏览

angular - 在 SweetAlert2 modal angular 2(4) 的结果中调用服务或变量

我使用 angular 和SweetAlert2。在我想调用服务或确认后的任何函数或变量之前,我的 sweetalert2 工作得非常好。

我的组件:

有什么解决方案我怎样才能访问这个?

0 投票
1 回答
1886 浏览

javascript - 过滤 sweetalert promise 的 inputOptions

在上一个问题中,我询问了如何使用 json 文件使用 sweetalert2 填充输入选项。除此之外,我需要实现一个搜索引擎来过滤输入选项。在我使用的示例文件中,用户将有超过 8000 个选项可供选择,因此必须具有过滤器或搜索功能。

我认为这是创建另一个输入,用户可以在其中输入他/她想要的任何内容,然后“更改”与此相关的输入选项。请检查此图像:

燕窝

该数据来自数据库,因此,另一种选择是执行 mysql 查询,在其中我使用like命令过滤参数,但是,由于数据已经(或应该已经)下载,我认为这样做会更有效在本地过滤此数据。虽然,数据库查询非常快。(问题1:我是对的?

因此,引发 sweetalert 模态的代码是:

我正在使用以下代码收集数据:

问题2:如何过滤数据?

0 投票
2 回答
4185 浏览

javascript - 发出警报时,甜蜜警报 2 未显示为模态

我认为我必须以某种方式导入这个错误,但我不确定。我按照github上的说明进行操作。它说我可以npm install,然后就可以了import swal from 'sweetalert2'。我还必须使用jscss文件吗?

发生的事情是我在窗口的左下方发出了一个不会消失的奇怪警报。在此处输入图像描述

这是我的代码:

0 投票
1 回答
3625 浏览

typescript - Angular 2 - 甜蜜警报回调功能不起作用

我正在尝试删除我的 Angular cli 应用程序中的一个项目。我使用了甜蜜警报作为警报,我想从列表中删除一个项目。这是一个代码。此代码在打字稿文件中。

问题是当我确认删除时,它给了我“this.authserivce”未定义的错误。如果我不使用甜蜜警报作为确认,它会正常工作。我猜我需要在回调函数中传递参数,但不知道我应该传递什么。那么我该如何解决呢?