angularjs - Angular - ngToast 清除所有以前的 toast 并只显示一个

标签 angularjs ngtoast

我正在使用 Angular ngToast。我试图一次只展示一个 toast 。在显示新的 toast 之前应该隐藏之前显示的 toast。一次应该只有一个 toast。我尝试指定 maxNumber 但不起作用。

ngToast.create({
        className: 'info',
        content: ' New Toast',
        maxNumber: 1
        //autoDismiss: true,
        //maxOpened: 1
        //timeout: 500,
        //preventDuplicates: true,
        //preventOpenDuplicates: true
        //dismissOnClick:true
        //clickToClose: true
    });

最佳答案

这是一个可能对您有所帮助的 fiddle :https://jsfiddle.net/774a9dq4/5/

这里唯一的区别是,在调用 toast 对象的新实例之前,只需调用dismiss(),这将消除DOM 中的所有toast 实例。

ngToast.dismiss();
ngToast.create({
       content:'I am unique <3'
 });

关于angularjs - Angular - ngToast 清除所有以前的 toast 并只显示一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46168091/

相关文章:

javascript - 对数组的两个对象进行 Angular 过滤

javascript - Angularjs 清除 ng-repeat 过滤器

angular - ngx-toastr ToastrService.show() 类型参数 Angular 2 +

angularjs - 根据用户的角色在单个 View 中显示不同的内容

javascript - 将数据从 JSON 文件加载到 Javascript 对象

javascript - 保存到本地存储已打开,如果为 false,则删除本地存储

angularjs - AngularJS-toaster始终在右上方显示 toast 通知

javascript - ng-Toast 与 Angular 使用 $scope'd 对象/元素

angularjs - 为什么Angular Material ngToast会让页面跳转?