angular – 如何使用像烤面包机通知这样的ngx-bootstrap创建公共通知

前端之家收集整理的这篇文章主要介绍了angular – 如何使用像烤面包机通知这样的ngx-bootstrap创建公共通知前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是角度2&的新手. 4.我想用ngx-bootstrap警报和模态创建自定义通知.我搜索了一些样本.但那些并不简单.我只需要一个简单的蓝图来创建服务,接口和组件的通知.

请任何人用示例代码指导我.

ngx-bootstrap的官方文档 – Alerts.
ngx-bootstrap的官方文档 – Modals.
这里提供的API文档和使用场景以及实际示例.

为了快速参考,我将为您提供一个简单警报框的代码 – 下面的用法和演示:

首先,使用以下方法导入Root模块中的ngx-bootstrap:

import { AlertModule } from 'ngx-bootstrap';

@NgModule({
  imports: [AlertModule.forRoot(),...]
})
export class AppModule(){}

这里是HTML部分模板:

<alert type="success">
  <strong>Well done!</strong> You successfully read this important alert message.
</alert>

组件代码如下:

import { Component } from '@angular/core';

@Component({
  selector: 'demo-alert-basic',templateUrl: './basic.html'
})
export class DemoAlertBasicComponent {}

猜你在找的Angularjs相关文章