问题标签 [toastr]

我喜欢我可以用 toastr 做什么的想法，但我似乎无法让它发挥作用。

从官方页面...

我下载了 NuGet 的命令行版本并输入install toastr并成功安装，（虽然我不知道它实际上做了什么......）然后，在我的页面中test.php，我有以下代码：

该网站本身说这非常简单......

但是当我执行页面时，我看到的只是字面意思：

toastr.info('嘿 - 它有效！');

我究竟做错了什么？

5s后成功吐司消失，但右下角不显示

作为一个整体，我对 Javascript 和 Web 端编程还比较陌生。

但是我想知道如何创建一个小部件来保存 X（例如 10,50,100，...）最近传入的 toastr 通知的列表。我发现了如何显示通知，防止它们消失等。当然，当通知列表变得大于小部件大小时，小部件不会自动创建滚动条（见图）。

我的实际问题是双重的：

1）我想找到一种在小部件中设置滚动条的方法，该滚动条允许用户查看通知的完整列表，即使是那些未出现在屏幕上的通知。

2) 有谁知道是否可以在此小部件中仅保留指定数量的最新通知（即大小为 X 的列表，可以附加最新的通知，以及可以从中弹出和删除最近的通知的位置从屏幕上？）

如前所述，我正在使用toastr进行通知，因此相关的解决方案会很棒，但我很欣赏任何新想法的流动。

编辑。toastr 通知包含在 iFrame 中。我尝试更改 iframe，以便在通知超出框架时显示滚动条。

style="overflow: scroll;"

但这不起作用。

我正在使用Toastr 2.1JavaScript 库来显示瞬时用户输入验证错误消息。我将preventDuplicates选项设置为true。它不起作用——当用户快速连续单击验证按钮时，我仍然看到重复的消息（点击比“超时”更快）。

这是我的 toastr 默认值：

我是否需要进行任何其他更改以防止出现重复的错误消息？

我发出toastr.error("a message")但收到此错误。它发生在它发生的_setContainer时候$animate.enter().then(function())。我错过了什么？

我有这个示例 html 文件。在这里，我使用 angular-toast 通知。我在这里面临的问题是吐司消息总是出现在右上角。

script.js 文件包含

请找到 plunker 链接http://plnkr.co/edit/pzuW5OVkoxLF7zl0mGaC?p=preview

提前致谢

基于之前关于将 toastr 注入您的应用程序/控制器的SO 文章。我的 app.js 设置如下：

正如其中一个答案所述，我现在可以从任何控制器访问 toastr 控件。

我的问题是如何覆盖默认选项？到目前为止，我已经尝试了两种方法。首先在带有选项集的 html 中添加一个 toastr div，但这不起作用。然后我尝试在工厂中添加它们，但它们也被忽略了。

作为第二部分，toastr 是正确使用的工具，还是应该使用 angular-toaster，因为这是一个 Angular 应用程序？我目前在我的应用程序的其他任何地方都没有任何 jQuery 依赖项。

感谢您的任何建议

我想弹出一条 toastr 消息以显示 $log 消息。IE：

似乎在 AngularJS 1.2.19 及更高版本中，$provide.decorator是扩展 $log 功能的好方法。当然，我使用的是 1.2.18。有没有办法在 1.2.18 中做到这一点？

理想情况下，我想扩展现有功能，而不是完全覆盖它。

我不想修改 Angular 源代码。

我有一个需要向用户显示的消息列表，这些消息是在一段时间后使用 Ajax 加载的data.NotificationDtos

问题是我必须一次显示一条消息一段时间，比如 10 秒，

目前它正在一次显示所有通知。

所以我需要我的步骤是：

1. 在 Ajax 请求 toastr 第一条消息之后 toastr.info(val.DetailedMessage, val.EventMessage);

2. 然后在 Toastr 消息上方显示一段时间。

3. 然后继续其他消息，直到全部完成。

但我想知道如何做到这一点。

我尝试了以下代码，但在浏览器中启动页面时没有弹出任何内容