Angular 当我单击“从外部到静态”时，NgbModal关闭

Im使用NgbModal以以下方式打开模板：

this.modalReference = this.modalService.open(template, MODAL_OPTIONS);

export const MODAL_OPTIONS: NgbModalOptions = {backdrop: 'static', keyboard: false};

MODAL_选项

的定义如下：

this.modalReference = this.modalService.open(template, MODAL_OPTIONS);

export const MODAL_OPTIONS: NgbModalOptions = {backdrop: 'static', keyboard: false};

文档中指出，上面的

MODAL_选项

定义应该可以防止当我在模式外单击时关闭模式。这也是本文的建议。但这对我不起作用。当我单击“外部”时，模态仍然关闭。有人知道是什么导致了这种行为吗？

尝试删除导出

让我们看看文档中的这个例子

您可以在组件中插入

NgbModalConfig

的实例，然后根据组件的要求进行更改

完整示例供参考

import { Component } from '@angular/core';
import { NgbModalConfig, NgbModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'ngbd-modal-config',
  templateUrl: './modal-config.html',
  // add NgbModalConfig and NgbModal to the component providers
  providers: [NgbModalConfig, NgbModal]
})
export class NgbdModalConfig {
  constructor(config: NgbModalConfig, private modalService: NgbModal) {
    // customize default values of modals used by this component tree
    config.backdrop = 'static';
    config.keyboard = false;
  }

  open(content) {
    this.modalService.open(content);
  }
}

---

你能分享你的模式html吗