要解决Angular中ng-bootstrap的NgbModal Popup窗口类属性windowClass不起作用的问题,可以按照以下步骤进行操作:
确保已经正确导入ng-bootstrap模块,并正确配置了相关依赖项。
在需要使用Popup窗口的组件中,导入NgbModal模块和相关依赖项,并创建一个NgbModal实例。
import { NgbModal, NgbModalOptions } from '@ng-bootstrap/ng-bootstrap';
constructor(private modalService: NgbModal) {}
openWindow(content) {
const options: NgbModalOptions = {
windowClass: 'custom-class' // 设置窗口的自定义class
};
this.modalService.open(content, options);
}
Popup窗口内容
.custom-class {
/* 添加自定义样式 */
}
通过以上步骤,就可以解决Angular中ng-bootstrap的NgbModal Popup窗口类属性windowClass不起作用的问题,并为Popup窗口添加自定义的样式。