禁用外部點擊時關閉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