Angular4_Bootstrap 模态框避免点击背景处关闭（ng-bootstrap）

this. modalService. open(

this. chooseManagementDecisionOrOtherReasonModal,

{ backdrop: 'static', keyboard: false}

). result. then((result) => {

console. log( result);

if ( result === 'OK') {

}

}, (reason) => {

console. log( reason);

});

ngx-bootstrap的话是

1. import { Component, TemplateRef } from '@angular/core';
2. import { BsModalService } from 'ngx-bootstrap/modal';
3. import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';
4.  
5. @Component({
6. selector: 'demo-modal-service-options',
7. templateUrl: './service-options.html'
8. })
9. export class DemoModalServiceOptionsComponent {
10. modalRef: BsModalRef;
11. config = {
12. animated: true,
13. keyboard: true,
14. backdrop: true,
15. ignoreBackdropClick: false
16. };
17. constructor(private modalService: BsModalService) {}
18.  
19. openModal(template: TemplateRef<any>) {
20. this.modalRef = this.modalService.show(template, this.config);
21. }
22.  
23. openModalWithClass(template: TemplateRef<any>) {
24. this.modalRef = this.modalService.show(
25. template,
26. Object.assign({}, this.config, { class: 'gray modal-lg' })
27. );
28. }
29. }