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

时间:2017-02-15 15:03:02

标签: javascript angular toastr

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

我有这样的问题:

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

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

1 个答案:

答案 0 :(得分:1)

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

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

感谢所有贡献者! )