angular-toastr preventOpenDuplicates 不工作

Question

我正在使用 angular-toastr 并试图通过使用 toastr 选项 preventOpenDuplicates 来防止重复的 toastr，但可能它不起作用或者我做错了什么。

plunkr to reproduce issue

吐司：

toastr.error('test', 'open duplicate', {
  closeButton: true,
  tmeOut: 0,
  preventOpenDuplicates:true,
  progressBar: true
});

Answer 1

告诉 angular-toastr 不显示重复项的方法是在 toastrConfig 对象内将 preventDuplicates 设置为 true。而不是在 toastr.error 或 success 或与此相关的任何开场白中。

因此，您的代码将如下所示：

app.controller('MainCtrl', function($scope, toastr, toastrConfig) {

  toastrConfig.preventDuplicates = true;
  toastrConfig.preventOpenDuplicates = true;
  toastrConfig.progressBar = true;
  toastrConfig.closeButton = true;
  
  $scope.OpenToastr = function() {
    toastr.error('test', 'open duplicate');
  }
});

编辑：找到了！就是版本！ :)

根据angular-toastr > CHANGELOG，

Version 1.4.0

• With preventOpenDuplicates you can prevent duplicates of opened toasts.

该功能已在 1.4.0 中引入，您使用的是 1.3.1。

working plunker（更新）

Answer 2

使用ng7-snack-bar。它有助于防止重复并在转换时自动关闭。