javascript - 关闭模态之前保存/取消提示(当模态已通过 ESC/单击背景关闭时)

Question

手动关闭模态框时没有问题。我只是创建一些提示，并且只有当提示(sweetalert)关闭时，我才调用 BsModalRef.hide() 方法。

现在，当 Bootstrap 内置的 ESC 键和点击外部事件关闭模式时，我仍然可以订阅 BsModalService.onHide 事件。但只要提示尚未得到答复，我不知道如何防止模式实际关闭。 bsModalRef:BsModalRef；

constructor(injector: Injector,
            public bsModalService: BsModalService) {
    super(injector);
}

ngOnInit(): void {
    this.bsModalRef = this.bsModalService.show(SomeFormComponent,
        {
            keyboard: true,
            backdrop: true
        });

    this.bsModalService.onHide.subscribe((e) => {
        // PROBLEM: modal has already closed here...
        swal({
            text: 'u wanna save changes?',
            title: 'prompt',
            icon: 'warning'
        }).open().then((answer: ModalResult) => {
            switch(answer) {
                case ModalResult.Save:
                    // i would like to save and close modal afterwards
                    break;
                case ModalResult.DontSave:
                    // close modal
                    break;
                default:
                    // stay on modal
                    break;
            }
        });
    });
}

非常感谢您的帮助，谢谢!

Answer 1

我相信 Bs 你指的是 Bootstrap ，它有一个 beforeDismiss 事件。尝试一下。