如何在显示新的 toastr 之前清除以前的 toastr 并在它们之间设置超时?

Jul*_*lsy 4 angularjs angular-toastr

我正在使用Angular toastr,但在隐藏上一个 toastr 和显示下一个 toastr 之间遇到了延迟。一次应该只有一个烤面包机。我隐藏并显示它,但没有视觉差异,并且吐司消息仍然相同,用户无法区分哪个是前一个吐司,哪个是下一个吐司。我用两个功能解雇他们。任何帮助,将不胜感激。

这是我的设置:

        autoDismiss: true,
        maxOpened: 2,
        newestOnTop: true,
        extendedTimeOut: 1000,
        tapToDismiss: false,
        timeOut: 5000
Run Code Online (Sandbox Code Playgroud)

Gha*_*han 7

在不使用动画的情况下立即删除当前的 toast

toastr.remove()
Run Code Online (Sandbox Code Playgroud)

使用动画移除当前的 toast

toastr.clear()
Run Code Online (Sandbox Code Playgroud)

每件事都在github上提到


Fju*_*jut 3

maxOpened: 1
Run Code Online (Sandbox Code Playgroud)

在 toastrConfig. 这将防止吐司堆叠,并且一旦第一个吐司过期,第二个吐司就会出现。

  • 我找到了一个解决方案,即在函数中的特定位置显示新的 toastr 之前调用 toastr.clear() 。然而,你的答案对于设置烤面包机的最大数量是正确的,所以我接受了它。 (2认同)