1

嗨，我正在使用 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 消息中的任何一个关闭，我如何使用这些回调来执行特定操作？这是我第一次使用它们并且有点挣扎。

4

1 回答 1

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正如我已标记的那样。文档说正在传递的是整个隐藏的吐司，因此您应该能够检查每个吐司的独特之处，也许是一个类。

于 2016-04-21T13:18:59.883 回答