angular-toastr preventOpenDuplicates is not working

Question

I am using angular-toastr and trying to prevent duplicate toastr by using toastr option preventOpenDuplicates, but might be its not working or may be I am doing something wrong.

plunkr to reproduce issue

toastr :

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

score 3 · Accepted Answer · edited Jun 20 '20 at 09:12

The way you tell angular-toastr to not show duplicate is by setting preventDuplicates to true inside the toastrConfig object. And not in the toastr.error or success or any opener for that matter.

So, your code would look something like this:

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');
  }
});

EDIT: Found it! It's the version! :)

According to angular-toastr > CHANGELOG,

Version 1.4.0

With preventOpenDuplicates you can prevent duplicates of opened toasts.

The functionality got introduced in 1.4.0 and you were using 1.3.1.

working plunker (updated)

preventDuplicates is working fine after set in toastrConfig, but its not open same toastr again after closed. — gaurav bhavsar, Apr 17 '17 at 07:35
`preventOpenDuplicates` is usefull in my case, but its not working, let me update my question. — gaurav bhavsar, Apr 17 '17 at 07:39

score 0 · Answer 2 · edited Nov 09 '18 at 17:52

0

Use ng7-snack-bar. It helps to prevent duplicates and auto closes on transition.

edited Nov 09 '18 at 17:52

xtratic

4,600
2
14
32

answered Nov 09 '18 at 17:04

Sherin Dharmarajan

1

angular-toastr preventOpenDuplicates is not working

2 Answers2

Version 1.4.0