问题标签 [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.
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:
javascript - 如何使用 SweetAlert 进行 AJAX 调用
SweetAlert
当用户想要删除帐户时,我正在使用AJAX 调用。但我的代码在下面不起作用。我还想添加确认和取消按钮,但我不知道如何使用SweetAlert
得很好。
任何帮助将不胜感激。
我正在使用.SweetAlert
https://unpkg.com/sweetalert/dist/sweetalert.min.js来自https://sweetalert.js.org/
javascript - 如何在 SweetAlert 弹出窗口中添加关闭按钮
我使用 SweetAlert 库在我的应用程序中显示一个弹出窗口。这是我的代码
我需要在右上角添加一个关闭按钮。根据文档,关闭按钮仅适用于 SweetAlert2 库。
是否可以在 SweetAlert1 库中添加关闭按钮?
javascript - 关闭成功甜蜜警报后重定向到其他页面
出于某种原因,以下代码对我不起作用,即使它看起来与我在网上找到的非常相似。我希望弹出一个甜蜜的警报,然后当用户单击确认按钮时,我希望脚本将它们发送回主页。然而,这只是显示了甜蜜的警报,并没有在关闭时重定向它们。另请注意 Sweet Alert 已正确安装。这是我的代码:
javascript - 选择示例中来自文件的 sweetalert2 输入选项
在 Sweetalert2 中选择示例:
键值结构用于填充要选择的项目。有没有办法从本地文件中做到这一点?
我的特殊情况:我正在开发一个执行一些操作并使用来自数据库的一些信息的网站。对我来说,创建一个具有此结构的 json 文件真的很容易:
其中 tag[i] 可以是不遵循该 tag[i] 结构的任何类型的字符串。
在这个问题中,我发现这可以使用Promise来执行:
但我不知道如何将 json 文件(位于 /public/resources/tags.json 下)加载到 inputOptionsPromise 解析函数中。
javascript - 过滤 sweetalert promise 的 inputOptions
在上一个问题中,我询问了如何使用 json 文件使用 sweetalert2 填充输入选项。除此之外,我需要实现一个搜索引擎来过滤输入选项。在我使用的示例文件中,用户将有超过 8000 个选项可供选择,因此必须具有过滤器或搜索功能。
我认为这是创建另一个输入,用户可以在其中输入他/她想要的任何内容,然后“更改”与此相关的输入选项。请检查此图像:
该数据来自数据库,因此,另一种选择是执行 mysql 查询,在其中我使用like命令过滤参数,但是,由于数据已经(或应该已经)下载,我认为这样做会更有效在本地过滤此数据。虽然,数据库查询非常快。(问题1:我是对的?)
因此,引发 sweetalert 模态的代码是:
我正在使用以下代码收集数据:
问题2:如何过滤数据?
javascript - 发出警报时,甜蜜警报 2 未显示为模态
我认为我必须以某种方式导入这个错误,但我不确定。我按照github上的说明进行操作。它说我可以npm install
,然后就可以了import swal from 'sweetalert2'
。我还必须使用js
和css
文件吗?
这是我的代码:
typescript - Angular 2 - 甜蜜警报回调功能不起作用
我正在尝试删除我的 Angular cli 应用程序中的一个项目。我使用了甜蜜警报作为警报,我想从列表中删除一个项目。这是一个代码。此代码在打字稿文件中。
问题是当我确认删除时,它给了我“this.authserivce”未定义的错误。如果我不使用甜蜜警报作为确认,它会正常工作。我猜我需要在回调函数中传递参数,但不知道我应该传递什么。那么我该如何解决呢?