如何解决在 Angular 10 上,当我在 Modal 上使用 Modal 时,BsModalRef 隐藏方法会隐藏两个弹出窗口并留下深色背景使应用程序无法使用
我有 2 个 ng-Template,第一个模态正在打开另一个。当我隐藏顶部模式时,它也会隐藏下面的模式,只留下黑色背景并且应用程序无法使用,我必须手动刷新浏览器。在我们升级到 angular 7 到 10 之前,这运行良好。
import { BsModalService,BsModalRef} from 'ngx-bootstrap/modal';
closeTestPopup1()
{
this.modalRef.hide();
}
openpopup2(template)
{
this.modalRef2 = this.modalService.show(template,{ class: 'mrk-def-modal approve-task-modal modal-dialog-centered' });
}
closeTestPopup2()
{
this.modalRef2.hide();
}
<ng-template #TestPopup1>
<div class="btn-row mt-3 d-none d-md-flex">
<button i18n matRipple class="btn btn-secondary btn-sm ml-auto" type="button" (click)="closeTestPopup1()">
Cancel
</button>
<button i18n matRipple class="btn btn-primary btn-sm ml-2 set-s-bg-color" (click)="openpopup2(TestPopup2)"
>
Save
</button>
</div>
</ng-template>
<ng-template #TestPopup2>
<div class="btn-row mt-3 d-none d-md-flex">
<button i18n matRipple class="btn btn-secondary btn-sm ml-auto" type="button" (click)="closeTestPopup2()">
Cancel popup 2
</button>
<button i18n matRipple class="btn btn-primary btn-sm ml-2 set-s-bg-color" type="submit"
>
Save
</button>
</div>
</ng-template>
解决方法
这是 ngx-bootstrap 问题..升级到最新版本修复了它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。