一个通知模块
    需要在全局style.css中加上@import "angular-notifier/styles";
    再在component中引入

    1.   private readonly notifier: NotifierService;
    3.   constructor(
    4.     notifierService: NotifierService
    5.   ) {
    6.     this.notifier = notifierService;
    7.   }

    还需要在全局引入

    1. <router-outlet>
    2.   <notifier-container></notifier-container>
    3. </router-outlet>
    1. import {NotifierModule, NotifierOptions} from "angular-notifier";
    3. const customNotifierOptions: NotifierOptions = {
    4.   position: {
    5.     horizontal: {
    6.       position: 'left',
    7.       distance: 12
    8.     },
    9.     vertical: {
    10.       position: 'bottom',
    11.       distance: 12,
    12.       gap: 10
    13.     }
    14.   },
    15.   theme: 'material',
    16.   behaviour: {
    17.     autoHide: 5000,
    18.     onClick: 'hide',
    19.     onMouseover: 'pauseAutoHide',
    20.     showDismissButton: true,
    21.     stacking: 4
    22.   },
    23.   animations: {
    24.     enabled: true,
    25.     show: {
    26.       preset: 'slide',
    27.       speed: 300,
    28.       easing: 'ease'
    29.     },
    30.     hide: {
    31.       preset: 'fade',
    32.       speed: 300,
    33.       easing: 'ease',
    34.       offset: 50
    35.     },
    36.     shift: {
    37.       speed: 300,
    38.       easing: 'ease'
    39.     },
    40.     overlap: 150
    41.   }
    42. };
    45. @NgModule({
    47.   imports: [
    48.     NotifierModule.withConfig(customNotifierOptions) // 通知功能
    49.   ]
    51. })

    更多内容在StackBlitz