如何解决ngx-bootstrap模态背景缺少渐变类
我在Bootstrap 4中使用ngx-bootstrap 6.1.0。我正在使用模板方法显示模式对话框:
@ViewChild('itemDetailsPopup') itemDetailsPopup: TemplateRef<any>;
...
this.modalRef = this.modalService.show(this.itemDetailsPopup);
对话框按预期显示。但是,关闭时,背景不会淡出。而是观察到短暂的黑色闪烁。调试时,我注意到bs-modal-backdrop
元素没有一个fade
类,而ngx-bootstrap页面上的示例正是。将fade
类添加到Chrome调试器中的元素并关闭对话框会导致预期的行为。
我宁愿在将元素添加到DOM之后也不添加类,我更希望了解为什么缺少类并进行修复。
更新:
Ivy编译的ngx-bootstrap-modal.js文件包含ModalBackdropComponent类,其内容如下:
set isAnimated(value) {
this._isAnimated = value;
// this.renderer.setElementClass(this.element.nativeElement,`${ClassName.FADE}`,value);
}
添加fade
类的语句已被注释掉。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。