3

无法使用 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 应用程序中 imports: [ToastrModule.forRoot({timeOut: 10000})]

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

4

1 回答 1

0

Hi you can try with below configuration import the ToastrModule and ToastContainerModule in your module

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

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

than call below code to open the toastr with timeout

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

check StackBlitz Code in detail

于 2021-07-02T09:19:02.433 回答