问题标签 [angular-toastr]

下午好，

我正在尝试创建一个动态模板来显示来自 NPM 自述文件中列出的动态组件的信息。 https://www.npmjs.com/package/angular5-toaster

例子 ：

我的问题是如何将参数传递给 DynamicComponent。

谢谢

I am using the code below to catch errors in my small Angular 6 app... I am catching the errors, I am showing info in the console the problem is that the toasts do not show unless I click somewhere in the application, they don't show up all by themselves. I am using the ToastrService in other parts of the application and whenever I call it like I do it here it shows toats without having to click on anything.

Any idea what might be causing this behaviour?

I have added the provider in the module also to use this class as error handler.

我正在为我们的项目构建一个内部库，使用 Angular 6+。我正在使用该.forRoot()方法来注册记录的全球服务。

我的图书馆将ngx-toastr用于提供通知。由于我不希望每个项目都直接处理 的所有选项ngx-toastr，因此我将其中的大部分抽象为notifications服务。

这种方式ngx-toastr有效，您可以通过将这些全局选项传递给ToastrModule.forRoot().

我如何配置ToastrModule为我自己的一部分forRoot()？

在. .forRoot()_ @NgModule()像这样：

ToastrModule.forRoot()如果团队中的某个人决定在他们自己的模块初始化中也调用，这将如何交互？

我正在使用 Angular 7 并从此链接安装 ng6-toastr-notifications 应用程序

我尽可能多地添加了此代码。这是我删减的 app.module.ts 文件：

这是 ToasterComponent.ts 代码：

使用 Visual Studio Code 时没有出现编译错误。我在 Google Chrome 浏览器控制台窗口中收到错误，如下所示：

这是 error.interceptor.ts import { Injectable } from '@angular/core';

无法使用 IndividualConfig 和 GlobalConfig 类来实现。

像上面的代码片段一样设置 GlobalConfig 将为所有类型的消息/烤面包机设置超时，我想控制每种类型的消息的超时。例如说我想在 2000 毫秒后超时成功消息，在 6 秒后出现错误消息，在 3 秒后发出警告和信息。我在 Growl 消息中看到了这种配置，但不确定 ngx-toastr 消息。

我尝试在 Angular 1.x 版本应用程序中使用咆哮消息

growlProvider.globalTimeToLive({ success: 2000, error: 5000, warning: 3000, info: 2000 });growlProvider.globalDisableCountDown(true);

在 Angular 6 应用程序中 imports: [ToastrModule.forRoot({timeOut: 10000})]

我可以设置应用于所有消息通知的全局超时，但我想控制每种消息类型

我正在尝试为我的网页创建一个 toastr 成功横幅。该页面在 ng-grid 中有数据，带有一个按钮组件，用于创建用于编辑网格值的模式。保存数据后，应该会弹出一个横幅，说明编辑成功。我根据此示例（https://stackblitz.com/edit/ngx-toastr-custom）制作了一个自定义吐司组件，但它没有出现。我可以单击 toast 应该在的位置，但在它被解除之前它不会变得可见，此时会发生解除动画。有没有人有这个错误的经验？我在网上找不到任何东西（如果这有帮助，我正在使用 Angular 8 和 Angular 驱动的 Bootstrap）

我尝试过使用 angular power bootstrap 文档中所示的 toastr，但唯一能让任何东西出现的东西是我在网上找到的这个自定义 toast

（由于项目的大小，我无法发布所有代码 - toastr 代码与链接中的代码相同，但有一个例外：）

我正在使用 Angular 烤面包机消息。我toaster.clear('*')用来清除烤面包机消息并显示下一条烤面包机消息。这在我的其他情况下工作正常。

但是在这里它不起作用。我清除了之前的烤面包机消息并更改了烤面包机的文本，但只有当我将鼠标悬停在它上面时，消息才会改变。

我在 Angular 2 应用程序中有一个从“ngx-toastr”导入的 ToastrService 。问题是我在那里显示的文本不适合，它被剪掉了。

我可以在某个地方扩展它吗？

例如，我可以在 toastrConfig 中设置一些参数：

但是我没有找到IndividualConfig关于弹出窗口应该有多宽/窄的任何设置。

由于我是 angular 新手，有人可以“如何在 angular8 中显示通知消息”吗？我在谷歌上搜索过，但它显示了各种各样的实现，而且看起来都很长，只显示一条消息。那么有人可以举一个我应该遵循的示例或链接吗 谢谢！

我正在开发一个角度为 6 的 Jhipster 项目，并且我正在尝试编写一个在某个事件发生时出现的代码。我在不同的应用程序（测试）中一步一步地按照这个步骤进行操作，并且它有效，但是当我尝试在我的 Jhipster 项目中使用它时，通知没有出现.. 有谁知道使用 jhipster 的正确方法?

我不久前开始在这个领域工作，这就是为什么我对 Jhipster 产生怀疑。

Jhipster 版本 0.5.4，ngx-toastr 10.0.2， Angular 版本 6.2.4

我按照这个例子： https ://blog.jscrambler.com/how-to-create-angular-toastr-notifications/