通过单击背景或模式外停止关闭模式

我在我们的代码中使用了一个angular2 ng-bootstrap模态。通过单击背景或模式外停止关闭模式

我希望当我在模态外单击时模态不会关闭。目前，模态正在外部点击时关闭。

在angular1中，我曾用[keyboard] =“false”[backdrop] =“'static'”来做到这一点。但是这是时间在angular2中不起作用了。

这里是我的plunker

我打开方法如下：

open() { 
    const modalRef = this.modalService.open(NgbdModalContent); 
    modalRef.componentInstance.name = 'World'; 
    }

来源

2017-01-03 Partha Sarathi Ghosh

为每答案@ anshuVersatile，我知道我们需要使用一些模式选项。

然后，我创建一个NgbModalOptions的对象，并将其作为我的open方法的第二个参数传递，并且它可以工作。

代码如下：

let ngbModalOptions: NgbModalOptions = { 
     backdrop : 'static', 
     keyboard : false 
}; 
console.log(ngbModalOptions); 
const modalRef = this.modalService.open(NgbdModalContent, ngbModalOptions);

这里是更新plunker。

来源

2017-01-11 11:46:48

$modal.open({ 
    // ... other options 
    backdrop : 'static', 
    keyboard : false 
});

当你创建你的模式，你可以指定它的行为：

来源

2017-01-03 08:32:47 anshuVersatile

它是Angular2的代码吗？我不这么认为。我期待Angular2代码。 –

是的，这是_is_ Angular代码（事实上它只是JavaScript作为ng-bootstrap模式服务的选项只是一个对象文字）。作为这个组件的作者，我也可以说这是一个正确的答案，应该被接受。好工作@anshuVersatile –

我在这里使用TypeScript和Angular2，而不是JavaScript。 –

通过单击背景或模式外停止关闭模式

回答

相关问题