首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ngx-toastr GlobalConfig超时设置

ngx-toastr GlobalConfig超时设置
EN

Stack Overflow用户
提问于 2019-05-15 16:03:32
回答 1查看 3.3K关注 0票数 3

无法使用IndividualConfig和GlobalConfig类实现。

代码语言:javascript
复制
imports: [ToastrModule.forRoot({timeOut: 10000, positionClass: 'toast-bottom-right', preventDuplicates: true})]

像上面的代码片段一样设置GlobalConfig将为所有类型的消息设置超时,我想控制每种类型的消息的超时。例如,我想在2000毫秒后超时成功消息,6秒后显示错误消息,3秒后显示警告和信息。我在咆哮消息中看到了这种配置,但对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})]

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

EN

回答 1

Stack Overflow用户

发布于 2021-07-02 17:19:02

您好,您可以尝试使用以下配置在模块中导入ToastrModule和ToastContainerModule

代码语言:javascript
复制
  imports: [
    ToastrModule.forRoot({ positionClass: 'inline' }),
    ToastContainerModule,
  ]
  
  or

  imports: [
    ToastrModule.forRoot(),
    ToastContainerModule,
  ]

然后调用下面的代码来打开带有超时的toastr

代码语言:javascript
复制
this.toastrService.show(
  'message',
  'title',
  {positionClass:'inline',
timeOut:500000},
);

详细检查StackBlitz Code

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56144336

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档