问题标签 [ngx-toastr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2967 浏览

html - 烤面包机(ngx-toastr)顶部中心对齐没有顶部边距

我正在使用ngx-toastr库。我正在启动位于屏幕顶部中心的消息,如下所示:

问题是吐司显示在顶部没有任何边距:

在此处输入图像描述

我该如何解决这个问题?

0 投票
0 回答
197 浏览

angular - Ngx-toaster 未在 IE 和 safari 中显示

我正在使用ngx-toaster在我的 Angular 应用程序中显示警报

但它没有显示在 IE 和 safari(所有版本)中,这已经在这里解决了,这似乎是一个 polyfill 问题https://github.com/scttcper/ngx-toastr/issues/673

所以我已经将它导入pollyfills.ts

但这没有用,

核心js版本:2.5.4

ngx-toaster 版本:9.1.2

角度版本:7.2.0

更新

以下是当前pollyfills.ts

0 投票
1 回答
150 浏览

angular - Core-js:找不到 object.keys 的模块

为了解决 IE https://github.com/scttcper/ngx-toastr/issues/673中的 ngx-toaster 问题, 我的 pollyfills.ts 中需要以下导入错误

import 'core-js/features/object/keys'

我收到模块未找到错误

有谁知道 core-js 版本中上述的等效导入2.5.4

0 投票
4 回答
12037 浏览

angular - NullInjectorError:StaticInjectorError(DynamicTestModule)[ToastrService -> InjectionToken ToastConfig]:在 tslint 角度 8

当我在 Angular 8 项目中运行单元测试时,我在 ngx-toastr 中发现了一个错误

NullInjectorError:StaticInjectorError(DynamicTestModule)[ToastrService -> InjectionToken ToastConfig]:

我在 spec.ts 文件中导入了所需的模块,并且我在 app.module.ts 中声明了 forRoot()

}));

0 投票
3 回答
10090 浏览

angular - 使用 typescript 在 Angular 6 中自定义 Ngx-toastr

大家好,我正在使用打字稿在 Angular 6 中实现 Ngx-toastr,我的问题是我无法让它变得像我想要的那样漂亮,因为我不知道在那个ngx-toastr类上覆盖了哪个 css,我在Style上写了一些 css 。 css文件ngx-toastr,我想要border-radius: 15px;,但内部部分没有采用圆角,border-radius: 15px;我从互联网上搜索了许多资源,但没有得到正确的输出,我无法更改其他 toastr,因为在我的项目中,我不想要大约350 多个组件使用方法更改每个文件,这就是为什么我要自定义现有的 toastr CSS。

这是我的 CSS 代码

但是我的期望是,如果您想检查,我希望与这张图片中的相同,然后访问此链接并单击RESET按钮以显示 toastr单击此处访问该站点

在此处输入图像描述

这是我的StackBlitz 代码

0 投票
1 回答
510 浏览

angular - 如何在 Angular 2 中扩展 toastr 的东西?

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

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

例如,我可以在 toastrConfig 中设置一些参数:

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

0 投票
2 回答
1638 浏览

angular - 如何以编程方式隐藏 ngx-toaster?

我将 ngx-toaster 与disableTimeOuttrue 一起使用。所以它不会自动隐藏。但是现在我不会在用户离开页面时(在 ngOnDestroy 方法内)以编程方式隐藏它。我该怎么做?

0 投票
2 回答
848 浏览

css - Toastr 服务不适用于 Internet Explorer

我已经使用 ngx-toastr 模块在我的 Angular 应用程序中显示 toastr 它在 Chorme、Firefox 中运行良好,但在 IE 中无法运行,即它在 ngOninit() 函数中运行,但在任何其他函数中都没有。从'ngx-toastr'导入{ToastrModule};

0 投票
1 回答
969 浏览

ngx-toastr - ngx-toastr.js?4996:264 Uncaught TypeError: Object(...) is not a function at eval (ngx-toastr.js?4996:264)

我在 Angular 6 中使用 ngx-toastr 进行 http 错误通知,就像在 httpInterceptor 中注入的 ToastrService

并在 app.module.ts 中导入 ToastrModule

我遇到了错误,知道这里出了什么问题............

ngx-toastr.js?4996:264 Uncaught TypeError: Object(...) is not a function at eval (ngx-toastr.js?4996:264) ...... .....................

0 投票
1 回答
194 浏览

angular - ngx-toastr 内存泄漏超时

我的应用程序某处存在内存泄漏问题,我的项目中的代码看起来像这样

代替

我想知道是否没有将 this.timeout 分配给 toast 以便我可以清除它可能导致内存泄漏?