问题标签 [ngx-toastr]

我正在使用 toastr 来显示消息，并且我有一个带有解决方案的 url 的错误消息，所以我使用enableHtmltoastr 的属性来创建和<a元素并传递 URL，如下所示：

这工作正常，我想知道是否有办法更改链接的颜色和大小以替换 toastr 的默认样式。我知道这可以用自定义 toast 来制作，但这是我的代码中唯一需要它的部分，因此仅为一条消息创建整个 toast 是不值得的，这就是为什么我想知道是否使用 enableHtml属性我可以将新样式传递给链接或其他东西。

我正在尝试ngx-toastr在我的全局错误处理程序中使用，但它给了我以下错误。

我刚开始倾斜，所以我对此很陌生，不确定自己做错了什么。我查找了几种解决方案，但似乎都没有。

这是我的全局错误处理程序 -

这是我的 ToastService -

我尝试了几种解决方案，但似乎都没有奏效。我应该怎么办？

单击吐司内的按钮时，我想关闭该特定吐司。我想知道一种在自定义 toast 组件中获取 toast Id 的方法下面是我的代码

正如我"ngx-toastr": "^11.3.3"在我的package.json中使用并在我的app.module.ts中导入的那样。

在我的CompanyProfile.service.ts文件中，我使用了如下代码。

因为它显示了以下错误，它没有按预期工作，而且我也需要location.href = "/#/CustomerUsers"在 toastr 成功中添加。

错误错误：未捕获（承诺）：NullInjectorError：StaticInjectorError（AppModule）[ToastrService]：StaticInjectorError（平台：核心）[ToastrService]：NullInjectorError：没有ToastrService的提供者！NullInjectorError: StaticInjectorError(AppModule)[ToastrService]: StaticInjectorError(Platform: core)[ToastrService]: NullInjectorError: ToastrService 没有提供者！在 NullInjector.get (core.js:855) 在 resolveToken (core.js:17514) 在 tryResolveToken (core.js:17440) 在 StaticInjector.get (core.js:17266) 在 resolveToken (core.js:17514) 在tryResolveToken (core.js:17440) 在 StaticInjector.get (core.js:17266) 在 resolveNgModuleDep (core.js:30393) 在 NgModuleRef_.get (core.js:31578) 在 injectInjectorOnly (core.js:734) 在 resolvePromise (zone-evergreen.js:797) 在解决承诺 (zone-evergreen.js:754) 在 zone-evergreen.js:858 在 ZoneDelegate。

过去一天我一直在为此挠头。我在我的角度应用程序中使用 Ngx-Toastr 包。以下是我认为可以帮助您理解问题的要点。

1. 在开发服务器（ng serve）中，我没有收到任何错误，没有 Nullinjector 问题，然后我使用以下命令（ng build）进行了生产构建。到此为止，一切正常。现在我需要优化包大小，所以我运行了这个（ng build --prod）。构建成功没有错误现在是时候提供代码了（我正在使用节点服务器来提供这个）。问题从这里开始——

2. 首先它要求

'NullInjectorError: ToastrService 没有提供者'

它来自 Ngx-Toastr 包它自己，它是有道理的，所以我将该服务添加到 appmodules 以及提供程序数组中的其他延迟加载的模块中。所以在此之后错误消失了。但接下来是我要说的——

3. 接下来它要求“NullInjectorError: No provider for Overlay!” 所以我虽然必须从需要添加到提供程序数组中的包中获得此服务。所以我尝试从它自己的包中导入它，并将它添加到 providers 数组中，如下所示：

从'ngx-toastr/overlay/overlay'导入{覆盖}；；

这样做会出现以下错误

找不到模块：错误：无法解析“ngx-toastr/overlay/overlay”

4. 接下来我尝试搜索这个问题并找到了一些建议添加以下行的stackoverflow解决方案：

从'@angular/cdk/overlay'导入{OverlayModule}；

我在每个模块的导入数组中添加了这个模块。什么都没有改变。

现在我不知道要导入什么以及从哪里导入。而且我也不确定我是否正确，或者我应该从哪里开始研究它。我也怀疑这个错误是来自那个包还是什么！！原因它应该在不隐式导入这些服务的情况下工作。

我运行以下命令以在生产构建之前获取错误：

ng 服务 --prod --optimization=false

还请提及如何调试以下错误，在生产构建后的某个时候我们会收到这样的错误，这无疑是没有意义的：

错误错误：“StaticInjectorError[t -> t]: StaticInjectorError(Platform: core)[t -> t]: NullInjectorError: No provider for t!”

我希望我的解释对你有意义。感谢您的宝贵时间，并对这个冗长的问题感到抱歉。

最后仅供参考：我已经删除了节点模块并重新安装了它。

我正在使用 ngx-toastr（使用角度/动画）来显示敬酒。如果我从手动创建的事件中触发它们，那么我的动画会有很大的延迟。

和模板：

我可以看到 toast 会立即添加到 DOM，但它们会在添加到 DOM 后几秒钟内显示出来。

这是演示

我正在尝试在我的 Angular 9+ 应用程序中以内联模式使用ngx-toaste r 以在其中一个 div 中显示它。它在 app.component HTML 中运行良好。但是在延迟加载的子组件中意外地工作。它不是在 div 内部，而是在组件外部的某个地方浮动（附加屏幕截图）。Stackblitz 链接如下：

https://stackblitz.com/github/winrp17/testtoaster

我正在寻找将 toastr 容器的宽度大小覆盖为 500 像素而不是默认的 300 像素。有没有办法在不扩展组件并创建新的自定义组件的情况下实现它？这是相关的 toastr.css 的 css 部分：

我是 Angular 的初学者，我需要向预先存在的代码添加通知。我已经成功安装了 toastr 并且通知 div 实际出现了，但这就像 css 根本不工作一样。

我在我的 scss 中使用它：

这是我的html：

当通知出现时，这大致是我的 html 上发生的情况：

问题是 mydiv 是一个全屏元素，所以通知隐藏在屏幕底部。我在检查元素时手动调整了 css，看来我的通知消息确实显示了，但 css 无法以某种方式工作，它没有任何样式，只是 mydiv 下面的纯文本。

不知何故，即使我把它放在里面，通知元素也会出现在 mydiv 之外。

我检查了浏览器上的 Sources 选项卡，并且 node_modules/ngx-toastr/toastr.css 在那里。不确定这是否意味着它已成功加载。

我的 Angular 9.1.12，ngx-toastr 12.1.0。