问题标签 [angular2-toaster]

我正在使用 Angular 2，我想知道是否可以向 toast 消息添加超链接。我在网上四处逛逛，看到了一些可能有用的东西，但我想知道是否有一种明确而简单的方法来实现这一点。谢谢！

编辑：或者，如果有一种方法可以通过单击 toast 消息导航到不同的 url

我有一个对话框，用户可以在其中输入数据，单击“创建”后，我的对话框会关闭并且用户会收到通知。我想在用户收到通知后关闭我的对话框，如果用户输入了错误的数据，用户也应该收到通知，并且对话框不应该关闭。

目前，一切正常，但我希望我的对话框在通知后消失（toster 服务）。

任何人都可以帮我解决这个问题，以便我的对话框将一直存在，直到我收到成功和错误的通知？

展览.component.ts（主要组件）

createExhibit.component.ts

这个怎么做？

我的要求是在加载应用程序组件之前通过调用两个 Rest Api 来加载一些数据。如果 API 给出任何错误，则在 Toaster (angular2-toaster) 中显示消息。

在加载应用程序组件之前，执行以下 AppLoadService

我的 App 模块文件如下所示

GlobalErrorHandler.ts

应用组件.html

拦截器也有同样的问题

据我所知， toaster.pop('','') 方法是在加载 toaster-container 之前调用的。如何解决这个问题。根组件是 App 组件，我在其中放置了烤面包机容器。请建议我解决这个问题的架构。

还有一个，我需要在哪里处理不同的错误......在本地错误处理程序（组件级别）或全局错误处理程序或拦截器中？

示例错误：400,404,500+ ...等

更新1：根据大卫评论更改代码如下，但仍然没有容器.....消息在控制台中出现，没有烤面包机可见

使用“angular2-toaster”：“^6.1.0”

这些是将在应用组件之前触发的 API 调用

我们在我们的项目中使用angular2-toaster，我遇到了无法将自定义类添加到烤面包机实例的问题。

我的烤面包机配置看起来是另一种方式，我想通过customClass内部烤面包机的自定义类传递数组。

然后我听烤面包机：

我使用以下方式发送消息：

所以，我不明白为什么有时会显示这个弹出窗口，有时不会。

如果在里面做 console.log() ：

它总是有效的。

我的配置是：

也许问题出在：preventDuplicates: true？

我在我的应用程序中使用 Angular 2 Toaster 和 NGX-translate。我想实现一个带有翻译项目的烤面包机。它应该如下所示。

在这里，我想使用 Invalid Credentials 成功弹出弹出窗口，但不幸的是它显示

无效证件

我正在使用 angular2-toaster，并试图理解为什么 2 个带有不同消息的 toast 被认为是“重复”的 toast，因此只出现了 1 个 toast。我希望两个祝酒词都出现。

我有这个代码：

在一个单独的文件中，我有这个烤面包机配置：

除了类型之外，这些吐司是“重复的”怎么办？

实际上，我以角度使用这些烤面包机服务，当我显示烤面包信息时，它会在左侧显示两个图标。

我的问题：如何消除左上角显示的图标？

这是我由该服务生成的 html：

我angular2-toaster在我的 Angular 6 应用程序中使用将在稍后使用此模式将其更新为 9：

但我收到这个错误No Toaster Containers have been initialized to receive toasts. 是我的 histograme.component.ts

对于我加载 ToasterModule 和 Service 的 baseComponent

我的shared.module：

应用程序模块

我正在尝试使用 2 个分离的 angular2-toasters 来提醒 2 种通知。目前 - 我无法将它们分开 - 意思是 - 每当触发 2 种警报中的每一种时 - 都会出现 2 个通知。有 2 个组件 - 1 个包含在另一个组件中，每个组件都有烤面包机容器。2个烤面包机的主要区别在于主组件中的烤面包机没有任何toasterId，因为我可能同时有这个烤面包机的多个实例，而内部组件中的烤面包机有toasterId。

请忽略任何拼写错误 - 代码是手写的 - 不是复制的。

看我的代码：主要组件Html：（第二个烤面包机位于app-innerComp中）

主要成分：

内部组件html：

内部组件：