of-bootstrap: 模态全局选项

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;
      }    
  }

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

of-bootstrap: 模态全局选项

ng-bootstrap: Modal global options

ng-bootstrap

angular