问题标签 [angular-toastr]

嗨，我正在使用 Angular Toastr ( https://github.com/Foxandxss/angular-toastr ) 在屏幕上创建一些消息。我最多有两条消息可以在任何一个时间点同时打开，一条是错误类型，另一条是警告类型。两条消息都是持久的，必须由用户关闭。

我打开消息的方式就像在说明中解释的那样：

但是，我想知道其中一个何时被用户关闭以及它是哪一个。我在文档中看到有可以使用的回调 onHidden 和 onShown 但是我不知道如何使用它们，因为文档中没有更多信息。另外，我看到有一个标志 isOpened 来检查是否打开了特定消息。

有人可以告诉我，一旦这些 toastr 消息中的任何一个关闭，我如何使用这些回调来执行特定操作？这是我第一次使用它们并且有点挣扎。

我正在使用 ng2-toastr 模块，如何将 preventduplicate 属性设置为 true，即我不想多次显示相同的消息。

你能解释一下怎么做吗？

使用的插件：https ://github.com/Foxandxss/angular-toastr

我的意图是创建一个跨越整个页面的 toastr，并且根据文档，positionClass: 'toast-top-full-width'可以解决问题。

浏览插件 css 也可以验证该声明。

但不知何故，代码不起作用。我的代码有什么问题？
Plunkr：http ://plnkr.co/edit/2O6hjk5vnMUWWULNK9hs?p=preview

如果我的应用程序在 responseError 代码中捕获到 http 错误，我正在使用拦截器来显示敬酒消息。我正在使用AngularJS 拦截器。这是一个 MEAN.JS 应用程序。

拦截器代码

错误：

我正在尝试找出解决方案，但被困了几个小时......

应用程序.js

使用 npm install 的脚本和 css 并添加到 gruntfile.js

“node_modules/angularjs-toaster/toaster.css”，
“node_modules/angularjs-toaster/toaster.js”，

Gruntfile.js

索引.html

我正在使用 Angular JS 1.4.1 和 Angular Toastr 1.7.0。

我的应用程序中的大多数烤面包机都是默认的右上角，并且工作正常。

但是，我想用 the 调用 ONE，但positionClass: 'toast-top-full-width'我无法让它工作。它仍然以默认设置打开，将其设置为我的应用程序配置。

这里缺少什么？

我的应用程序中显示了 toastr 成功和错误消息。我更改了背景颜色和字体颜色。我想更改消息中显示的图标颜色。我已经到处搜索了这个，但我找不到改变图标填充颜色或至少改变图标的​​方法。下面是成功消息的截图

以下是错误消息，

我想更改这些消息中显示的图标，以更改图标的填充颜色。js文件中的代码，

在 CSS 中，

我很想使用 angular toastr，但我读过你只能通过配置来配置位置。所以我可以设置一次就可以了？除了我在应用程序初始化中指定的区域外，我无法在屏幕上的任何其他区域显示烤面包机消息？

我需要在项目的每个页面中使用 Angular Material 烤面包机，并且消息可能包含 html 标签。但是 html 消息不适用于 Angular Material 烤面包机。

任何想法 ？

我添加了一个HttpRequestInterceptor我的 AngularJS 应用程序，以在每次请求失败时显示一个toastr 。

在某些页面上，我必须从我的服务器解析多个数据

因此，当我的服务器关闭时，每个请求都会得到一个rejection.status == -1然后显示 toastrConnection to server not possible

问题是线路toastr.remove();不工作。它应该删除所有的烤面包机，但什么也不做。

如何在添加新烤面包机之前删除烤面包机？我可以用一些纯 javascript 替换非工作toastr.remove()以手动选择和删除 toastr 吗？

我正在使用Angular toastr，但在隐藏前一个 toastr 和显示下一个 toastr 之间存在延迟。一次应该只有一个烤面包机。我正在隐藏并显示它，但没有视觉差异，而且 toast 消息仍然相同，用户无法区分哪个是前一个，哪个是下一个 toast。我用两个功能解雇他们。任何帮助，将不胜感激。

这是我的设置：