问题标签 [angular-toastr]

我有一个页面，其中可能toasts使用插件https://github.com/CodeSeven/toastr动态添加多个。

单击该链接时，我在每个吐司上都有一个link（确定）我只需要关闭特定的toast而不是所有toast可见的。

在上面的代码中，我使用toastr.clear()了清除所有 toast 的方法。

任何人都可以帮助我如何识别Ok单击并仅清除那个 toast 吗toast？ link

更新#1：

我尝试了@imjosh 给出的答案，但是$(this).closest('.toast')找到了正确的吐司，但toastr.clear($(this).closest('.toast'));没有关闭任何吐司。

如果我将吐司存储object在一个变量中并作为参数传递给toastr.clear()它就可以了。但是，我不知道如何以这种方式处理多个吐司。

更新#2：

抱歉，我使用的不是我上面提到的https://github.com/Foxandxss/angular-toastr插件。

谢谢。

我正在使用 toaser 通知用户文件已成功上传。问题是烤面包机两次显示消息。

我的部分 HTML 代码：

这是我用于文件上传的 JS 部分：

那么，任何人都可以帮助我避免这个问题并且只抛出一次 toaser 警报。谢谢！

我正在使用toastr-ng2，我希望 toast 的位置位于我的网页标题下（例如style="margin-top: 30px"）。
我似乎找不到此选项的设置。这可能吗？

概括

使用 Protractor 测试 AngularJS webapp 时，如何等待所有 toast 消失？

更多细节

我有一个 AngularJS 应用程序，我正在使用 Protractor 进行测试。我正在使用 angular-toastr 在应用程序中发生事情时显示通知。

在测试中的某个时刻，我无法单击按钮，因为吐司当前阻塞了该按钮。我得到的错误是：

Element is not clickable at point (898, 712). Other element would receive the click: <div id="toast-container" {...}

所以我想等 toast 消失后再继续。由于 angular-toastr 不使用$timeout，我不能这样做browser.waitForAngular();

那么我该怎么做呢？

我不想做什么？

我不是想测试吐司的内容。现在，我根本不在乎吐司，我只想点击吐司遮住的按钮。

我在我的页面中使用 ng2-toastr 并且工作正常，但是当我在页面中有一个嵌套组件时，现有的 ng2-toastr(ToastManager) 范围被破坏并且 toastr 不工作。

当我打电话时在我的方法中

它工作正常，但是在我加载其他组件时在我的 html 中，即

我页面中的 toastr 不工作（没有错误）

有时我得到：

尝试使用已损坏的视图：detectChanges 错误：尝试使用已损坏的视图：ViewDestroyedError 处的检测更改

这听起来像是一个愚蠢的问题，但有什么区别呢？他们看起来和我一模一样。

https://github.com/CodeSeven/toastr

https://github.com/Foxandxss/angular-toastr

使用 angular-toastr，您可以将其作为依赖项（角度方式）注入。

而已？但是，如果您可以直接使用 toastr 呢？

我正在使用angular-toastr并试图通过使用 toastr option 来防止重复的 toastr preventOpenDuplicates，但可能是它不起作用或者我做错了什么。

plunkr 重现问题

烤面包机：

我正在使用 systemjs.config、angular 4 和 ng2-toastr 版本 4.0.1 运行应用程序时出现错误“无法读取未定义的属性 'forRoot'”似乎没有从 ng2-bootstrap 加载 ToastModule 或任何类

这是 systemjs.config.js 文件

这是我加载 toastr 的核心模块

我想使用角度材料 mdsnackbar 服务处理常见的 http 错误，但是，我无法弄清楚如何实现它。private mdsnackbar: MdSnackBar如果我将 MdSnackBar 添加到构造函数，例如导致类本身使用，它会给我一个错误，例如不匹配任何参数类型super

我想知道是否有另一种方法可以达到相同的结果。

http拦截器

吐司服务

http.service.ts

app.module.ts

我对两者都有更新依赖项http.service.ts，app.module.ts它就像一个魅力。

我正在尝试在我的 Angular 2 应用程序中使用 ng2-toastr。我已按照所有说明进行操作，但 toastr 无法在没有任何控制台错误的情况下显示。我还在某处读到 ng-toastr 不再适用于 angular 2，但没有找到任何有效的文档。我搜索了类似的问题，但没有找到任何适合我的问题的答案。任何帮助，将不胜感激。

app.module.ts

app.component.ts

这就是我在我的一个组件中调用 toastr 方法的方式：

包.json

我还添加"../node_modules/ng2-toastr/bundles/ng2-toastr.min.css"了我的 angular-cli.json。这是控制台.log