Angular 4+的alerts组件– ngx-alerts

Angular 4+的alerts组件– ngx-alerts
插件名称 ngx-alerts
发布时间 2020年7月13日
插件作者 MathijsBlok

Angular 4+应用程序的干净的alerts组件。

安装:

# NPM
$ npm install ngx-alerts --save

用法:

将alerts组件导入模块。

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

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

// 导入您的库
import { AlertModule } from 'ngx-alerts';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // 将库指定为导入
    AlertModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在您的应用中。

<h1>
  {{title}}
</h1>
<ngx-alerts></ngx-alerts>

@Component({
    ...
})
export class AppComponent {

    constructor(private alertService: AlertService) {}
    
    showAlerts(): void{
        this.alertService.info('这是一个信息警报');
        this.alertService.danger('这是危险警报');
        this.alertService.success('这是成功警报');
        this.alertService.warning('这是一个警告警报');
    }    
}

选项。

@Input()
maxMessages = 5;

@Input()
timeout = 5000;

@Input()
fontAwesome = false;