Question

无法使用IndividualConfig和GlobalConfig类。

imports: [ToastrModule.forRoot({timeOut: 10000, positionClass: 'toast-bottom-right', preventDuplicates: true})]

像上面的代码片段一样设置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 App中 imports: [ToastrModule.forRoot({timeOut: 10000})]

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

Answer 1

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

  imports: [
    ToastrModule.forRoot({ positionClass: 'inline' }),
    ToastContainerModule,
  ]
  
  or

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

然后调用下面的代码以超时打开toastr

this.toastrService.show(
  'message',
  'title',
  {positionClass:'inline',
timeOut:500000},
);

详细检查StackBlitz Code

ngx-toastr GlobalConfig超时设置

1 个答案: