Angular Toastr 回调

Question

您好，我正在使用 Angular Toastr (https://github.com/Foxandxss/angular-toastr) 在屏幕上创建一些消息。我最多有两条消息可以在任何一个时间点同时打开，一条是错误类型，另一条是警告类型。这两个消息都是持久的，必须由用户关闭。

我打开消息的方式就像说明中解释的那样：

app.controller('foo', function($scope, toastr) {
    toastr.error('This is your error message', 'Error');
    toastr.warning('This is your warning message', 'Error');
});

但是，我想知道其中一个何时被用户关闭以及它是哪一个。我在文档中看到我可以使用 onHidden 和 onShown 回调，但是我不知道如何使用它们，因为文档中没有更多信息。另外，我看到有一个标志 isOpened 来检查是否打开了特定消息。

有人能告诉我如何在这些 toastr 消息关闭后使用这些回调来执行特定操作吗？这是我第一次使用它们并且有点挣扎。

Answer 1

文档告诉您它希望您与回调一起使用的函数的签名，类似这样...

 app.config(function(toastrConfig) {
   angular.extend(toastrConfig, {
       onHidden: myHideFunction
   }
}

那么无论你决定把这个函数放在哪里，它都会是这样的：

function myHideFunction(closedWithClick, toast) {
// closedWithClick = bool that shows if toast was closed with click
// toast = the whole toast that was closed
//Put what ever action you want to happen here.

}

看起来你会根据第二个参数来确定哪个已关闭，toast 正如我标记的那样。文档说传递的是整个隐藏的吐司，因此您应该能够检查每个吐司的独特之处，也许是 class.

Angular Toastr 回调

Angular Toastr Callbacks

javascript

angularjs

toastr

angular-toastr