angularjs – 清除单个toastr消息

例如：

var openedToast = null;

$scope.openToast = function(){      
  openedToast  = toastr['success']('message 2','Title 2');
  toastr['success']('this will be automatically dismissed','Another Toast');      
}
//if you click clearToast quickly,it will be cleared. 
$scope.clearToast = function(){
  if(openedToast )
    toastr.clear(openedToast);
   openedToast = null; //you have to clear your local variable where you stored your toast otherwise this will be a memory leak!
}

你可以查看Demo

注意 –
toastr demo page中显示的toastr.clear()示例不是最佳实践,因为它会导致内存泄漏.所有toast都存储在openedToasts数组中.如果你打开10个toast,数组大小将是10.过了一会儿,打开的toasts将会消失,但是数组永远不会被清除.

因此,如果以这种方式实现toastr,则必须小心数组.如果要清除阵列中的项目,请确保该项目处于活动状态.

我们如何清除阵列？

要清除数组,我们可以为每个toast注册一个destroy事件：

$scope.openedToasts = [];       
  $scope.openToast = function() {
    var toast = toastr['success']('message 1','Title 1');
    $scope.openedToasts.push(toast);

    registerDestroy(toast); //we can register destroy to clear the array
  }

  function registerDestroy(toast) {
    toast.scope.$on('$destroy',function(item) {
      $scope.openedToasts = $scope.openedToasts.filter(function(item) {
        return item.toastId !== toast.toastId;
      });
    });
  }

在HTML中,您可以检查长度：

<span>array length: {{openedToasts.length}} </span>