'Angular notification message display problem using [email protected] in angular 8.2.8

I am using [email protected] . It is working fine in some routes. But in children[{}] it has some issues like:-

{  timeOut: 5000,  showProgressBar: true,  pauseOnHover: true,  clickToClose: true,}

above properties are not working properly.

login-routing.module.ts

const routes: Routes = [
  { path: '', component: LoginComponent },
  { path: 'client-login', component: LoginComponent },
  { path: 'dashboard', loadChildren: '../layout/layout.module#LayoutModule', canActivate: [AuthGuard] },
];

angular2-notifications is working fine in login-routing.module.ts.

layout-routing.module.ts

const routes: Routes = [
  {
    path: '', component: LayoutComponent,
    children: [
      { path: 'canvasinfo', loadChildren: () => import('../createcanvas/createcanvas.module').then(module => module.CreatecanvasModule) },
      { path: 'UserAccess', loadChildren: () => import('../administration/user-and-access/user-and-access.module').then(module => module.UserAndAccessModule) },
    ]
  },
]

layout-routing.module.ts has notification issues in all the routes. notification is showing but below properties are not working here.

  SimpleNotificationsModule.forRoot({
    timeOut: 5000,
    showProgressBar: true,
    pauseOnHover: true,
    clickToClose: true,
})

please suggest me corrections..



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source