禁止在外部点击时关闭ngx-smart-modal

Question

我正在使用ngx-smart-modal，它工作正常，但问题是当在模态外部或体内发起点击时，我想禁用它。

<button class="btn btn-primary" (click)="ngxSmartModalService.getModal('classicModalregister').open()">Register</button>
<ngx-smart-modal #popupRegister [identifier]="'classicModalregister'" customClass="medium-modal">
<h1>Register Here !</h1>
<p>dfdfd</p>
</ngx-smart-modal>

Answer 1

遵循文档 我们可以将ngx-smart-modal标签上的参数/选项设置为dismissable，该参数允许在外部点击时关闭或不关闭。

所以我们得到了[dismissable] = "false"

解决方法：

<button class="btn btn-primary" (click)="ngxSmartModalService.getModal('classicModalregister').open()">Register</button> <ngx-smart-modal #popupRegister [identifier]="'classicModalregister'" customClass="medium-modal" [dismissable] = "false"> <h1>Register Here !</h1> <p>dfdfd</p> </ngx-smart-modal>

记住：请务必阅读文档！

文档：https://www.npmjs.com/package/ngx-smart-modal