@acpaas-ui/ngx-notifications 中文文档教程

Question

@acpaas-ui/ngx-notifications

允许使用简单通知来显示成功、错误或警告消息的模块。

Usage

将模块导入您的应用程序：

import { NotificationsModule } from '@acpaas-ui/ngx-notifications';

@NgModule({
    imports: [
        NotificationsModule,
        BrowserAnimationsModule
    ]
})
export class AppModule {}

请注意，您必须手动在根应用程序模块中导入 BrowserAnimationsModule。

在组件中使用通知：

import { NotificationsService } from '@acpaas-ui/ngx-notifications';

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

    constructor(private service: NotificationsService) {}

    showInfoNotificationNotification() {
      this.notificationsService.info('This is the body of an info notification.', 'Info');
    }

    showSuccessNotification() {
      this.notificationsService.success('This is the body of a success notification.', 'Success');
    }

    showWarningNotification() {
      this.notificationsService.warning('This is the body of a warning notification', 'Warning');
    }

    showErrorNotification() {
      this.notificationsService.error('This is the body of an error notification', 'Error');
    }
}

我们的通知包基于 ngx-toastr 构建。 ngx-toastr NPM 页面 列出了所有可用选项。