javascript - 使用关闭按钮关闭 toastr 时阻止事件。

标签 javascript angular toastr

使用toastr.js在我的应用程序中,我有这样的流程,当用户提交表单时,我需要显示 toast 并给他一些时间通过单击关闭按钮关闭此 toast 以防止向服务器发送数据,但如果他不关闭 toast ,数据应该发送。

我有这样的问题:

toastr.options = {
   closeButton: true,
   onHidden: () => { //send data to the server },
   onCloseClick: () => { console.log('you clicked close button') },
}
toastr.success('success');

问题是 onHidden 方法总是会被触发。 请帮忙!

最佳答案

好心人帮帮我! 解决方案是:

       isPrevented = false;
       toastr.options = {
          closeButton: true,
          onHidden: () => {
            if (isPrevented) {
              return false;
            } else {
              //Sent result to server;
            }
          },
          onCloseClick: () => {
            isPrevented = true
          }
        }

感谢所有贡献者! )

关于javascript - 使用关闭按钮关闭 toastr 时阻止事件。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42252949/

相关文章:

javascript - 如何修复长时间运行的脚本?

javascript - 谷歌图表时间轴 - 无法读取 null 的属性长度

javascript - Angular2 生命周期钩子(Hook)在加载内容时无法按预期工作

javascript - 当宽度按百分比设置时如何检测 HTMLElement 调整大小

javascript - Toastr js 添加批准/不批准按钮

javascript - 可以扩展 Angular JS 1.2.18 $log 功能吗?

Javascript:如何将 setAttribute "href"用于引用另一个域的 URL

javascript - 在生成器函数中使用 yield 时,Typescript 不会推断 promise 类型

angular - 如何将字符串值传递给angular2中的组件

javascript - 如何正确注入(inject) Angular 服务