Angular中的引导模式关闭事件

Question

如何在 Angular 7 中处理引导模式

我在 Bootstrap 模态中有表单，我想在模态关闭事件中重置（当在模态外部单击时），我在 Google 上搜索但找不到任何东西

任何帮助将不胜感激

Answer 1

如果你使用@ng-bootstrap，你可以这样做

首先我有这样的子组件。这个组件将是一个弹出窗口

export class DeleteInvoiceComponent implements OnInit {
  public confirmState = ConfirmState;
  constructor(public activeModal: NgbActiveModal) {}

  public ngOnInit(): void {}
}

在视图中

(click)="activeModal.close(confirmState.Ok)"

所以在我的父组件中

import { NgbModal } from "@ng-bootstrap/ng-bootstrap";

 constructor(
    private modalService: NgbModal
  ) {}

public deleteInvoice(invoiceId: string): void {
    this.modalService.open(DeleteInvoiceComponent).result.then(result => {
      if (result === ConfirmState.Ok) {
        do some thing
      }
    });
  }