Question

我们正在使用ng-bootstrap 1.0。

我需要禁用转义模式的转义键。

我知道可以通过以下方式完成：

`modalOption.keyboard = false;`

如何将此设置应用于我的应用程序中的所有模式？

Answer 1

您可以将NgbModal.open包装在服务方法中，并调用该方法在整个应用程序中打开模式。在该方法中，keyboard: false附加到作为可选参数提供的其他选项。有关演示，请参阅this stackblitz。

正在使用：

constructor(private modalService: NgbModal) {}

public openModal(content, options = {}) {
  return this.modalService.open(content, { ...options, keyboard: false });
}

在组件中：

openMyCenteredModal(content) {
  this.myService.openModal(content, { centered: true });
}

Answer 2

还有更多选项可应用于包含您的模态的模块文件，如下所示：

@NgModule({
    declarations: [
      MyModalComponent,
    ],
    imports: [
      CommonModule,
    ],
    entryComponents: [
      MyModalComponent,
    ]
  })
  export class AddAgentModalModule { 
    constructor(
        configModal: NgbModalConfig,
      ) {
        configModal.backdrop = 'static';
        configModal.keyboard = false;
      }    
  }

这将影响您打开模态的所有时间。

ng-bootstrap：模态全局选项

2 个答案: