Angular 的 Alert / Toaster通知库

Angular 的 Alert / Toaster通知库
插件名称 angular2-alert-notifications
发布时间 2020年7月16日
插件作者 cornflourblue

使用TypeScript的Angular 2/5应用程序中的简单可重复使用的警报/烤箱通知服务和组件。

安装:

# NPM
$ npm install angular2-alert-notifications --save

用法:

将库导入到Angular模块(app.module.ts)。

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';
import { routing }        from './app.routing';

import { AlertComponent } from './_directives/index';
import { AlertService } from './_services/index';
import { HomeComponent } from './home/index';

@NgModule({
    imports: [
        BrowserModule,
        routing
    ],
    declarations: [
        AppComponent,
        AlertComponent,
        HomeComponent
    ],
    providers: [
        AlertService
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

用作组件(app.component.html)

<alert></alert>
<router-outlet></router-outlet>