问题标签 [angular-toastr]

我想在我的应用程序中使用自己的样式和 html 为 toast 做全局 toasts 服务。我正在使用 ng2-toastr。例如，我有组件 A。在视图中我有按钮：

在控制器中我有 showSuccess 功能：

在我的 ToastrService 我有我的 showSuccess 功能：

this.toastr.custom - 在这个函数中我设置了我自己的 toast 模板。现在，我想用这个模板做组件，因为我想从服务中删除这个模板。

如何用带有组件的 HTML 替换此字符串？我想用组件的 innerHTML 或类似的东西替换这个字符串。我想与问题顶部的组件中的 toasts 选项共享此组件。

在 AngularJs 中，我使用 $templateCache 从文件中获取 html，但在 angular2 + 中我找不到这样的东西。

我已经通过使用此链接在我的 Angular 4 项目中实现了烤面包机 - > http://www.codershood.info/2017/04/14/showing-notification-using-toaster-angular-2/

当我通过单击按钮触发它时，它工作得非常好

我添加了一个按钮，例如

我添加了以下功能

它工作得非常好，但是当我尝试像以下方式调用它时，它就不起作用了：

编辑：添加了完整的组件代码

日志正在工作并成功导航，但烤面包机不工作。我也试过像传递函数，例如

我有一个使用 ng2-toastr (4.1.2) 的父组件。

父元素：

子元素

当我尝试在子元素中启用 toastr 时，它仅在第一次加载时才起作用。然后我有这个消息：

错误错误：未捕获（承诺中）：错误：ViewDestroyedError：尝试使用>已破坏的视图：detectChanges

此外，toastr 不再适用于父元素。

请注意，子元素是递归的。

谢谢 ！

我喜欢原来的 toastr b/c 我可以弹出一条“项目 X 已保存”消息，并且在我重定向回主页后它会在页面上停留 X 毫秒。所以我想在 Angular 5 中使用原始的 toastr 库，但无法弄清楚。是否有显示此内容的博客文章或在线示例？

注意：我知道有 npm 包，比如 angular2-toaster 和其他一些包，但是当我尝试使用 Angular 5 CLI 安装和运行它们时，会出现许多错误消息，当我查看他们的 Github 页面时，它们有突出的问题，而且似乎 Ag5 有足够的突破性变化，他们只是在没有分析源代码并破解它的情况下还不能工作（显然我不是 npm 专家）。似乎他们与 Ag4 一起工作但不与 Ag5 一起工作？

既然 toastr 是一个标准的 JS 库，为什么我不能在 angluar-cli.json “脚本”中添加一个指向 min.js 文件的链接，并像 SPA 之前的美好时光一样显示一个标准的弹出窗口？今晚我已经下载了很多这样的 npm 库并与之抗争，似乎使用已经存在多年的标准库比应该的要困难得多。

谢谢。

当我运行量角器测试以检查 toast 弹出消息中的文本时，出现失败：过时的元素引用：元素未附加到页面文档错误。我试过 element.all 但无济于事：

我的期望声明是

任何帮助或指导将不胜感激！

谢谢！

柯斯蒂

编辑

获得不同错误失败的进一步进展：无法读取未定义的属性“绑定”

将其塑造成一个页面对象类：

});

我的期望：

再次感谢任何建议，至少它正在找到它但无法阅读它！

尊敬的专家：我正在使用 toastr.success 和 toastr.warning，它们运行良好。但它不适用于 toastr.confirm。我添加了 jquery、angularjs 和 toastr 库。任何想法或帮助提前谢谢。

在控制器中

错误是 TypeError: toastr.confirm is not a function at ChildScope.$scope.delete (AnglController.js:288)

我在我的角度组件中应用 toasterjs。这是我的代码。我已经ToastrService使用代码导入了：

并在构造函数中注入该服务

但它给出了以下错误：

无法解析 ToastrService 的所有参数：(?, [object Object], [object Object], [object Object], [object Object])

当我转到它的定义时，它采用了 4 个参数。以下是参数：

我还添加了模块：

那么如何使用参数，因为我只想显示成功消息？

我在这个问题上花了几个小时，但我无法弄清楚:(我知道我大约一周前测试了该功能，我看到显示了 2 个 toastr 错误消息（虽然我不想要其中两个）。我不确定到底发生了什么变化，但现在我什至无法显示一个:(我根本看不到 toastr 消息。

我的代码是：

然后也在控制器中：

我在控制台中看到 [ItImagesSearchController] 图片搜索控制器的初始化正在触发... /SiriuswareControl/api/itDraftHeaders/1019 加载资源失败：服务器响应状态为 400（错误请求）2angular.js:14525 [ serverError] 处理错误请求

我还在控制器中跟踪我的代码，我可以看到正在执行 toastr 的行。但是，我没有看到 toastr :( 可能有什么问题？

我是 Angular 5 的新手，我正在实现通知，如果我将服务导入到 typescript 组件，它们会正常工作，例如：

这个方法可以正常工作，我的问题是，我怎样才能将它用于我有 Ajax 调用的普通 javascript 文件中，例如：

问题是我无法将与 typescript 相同的 toastr 服务导入到 js 文件中，我该如何导入它，或者如何在 typescript 中监听 ajax 函数然后显示警报？问候

我toasters用AngularJS Toaster.

No.1 烤面包机的选项是“limit : 10, position-class : toast-top-center”。
2 号烤面包机的选项是“limit : 1, position-class : toast-top-center”。

当我一起使用两个烤面包机时，它们会重叠。
当新品酒师出现时，我想把旧的滑下来。

一种解决方案是多次仅使用1 号烤面包机，但我想同时使用1 号和2 号烤面包机。

烤面包机的任何选择或任何想法？