Angular 2+ Bootstrap Modal组件

Angular 2+ Bootstrap Modal组件
插件名称 ngx-bootstrap-modal
发布时间 2020年7月24日
插件作者 cipchk

一个Angular 2+组件,用于创建和管理基于Bootstrap 3/4的模态窗口。

安装:

npm install ngx-bootstrap-modal –save

用法:

import { Component } from '@angular/core';
import { ConfirmComponent } from './confirm.component';
import { DialogService } from "ngx-bootstrap-modal";

@Component({
    selector: 'app',
    template: `
    <div class="container">
        <button class="btn btn-default" (click)="dialogService.alert('Confirm', '你确定');">显示确认</button>
        <button class="btn btn-default" (click)="showConfirm()">显示确认</button>
    </div>
    `
})
export class AppComponent {
    constructor(public dialogService:DialogService) {}
    showConfirm() {
        this.dialogService.confirm('Confirm', '你确定', <BuiltInOptions>{
        }).then((result: boolean) => {
            // 结果
        });
    }
}