Question

我正在搜索以覆盖

 overflow: hidden

来自

的

风格

<body class"modal-open"></body>

我正在使用bootstrap 4模态。背景应该是可滚动的。 THX

编辑：我尝试使用renderer2 for angular

this.modalRef = this.modalService.open(content, options);
this.renderer.removeClass(document.body, 'modal-open');
//this.renderer.removeClass('body', 'modal-open');
//this.renderer.setStyle('body', 'hidden', 'visible');

这些选项似乎都不起作用

Answer 1

我正在通过渲染器删除标记，因此使用已经提到的

@import {Renderer2} from '@angular/core'

将其注入构造函数

constructor(private modalService: NgbModal, private renderer: Renderer2) { }

我假设在调用openModal之后添加了类。因此我添加了一个async / await

this.modalRef = this.modalService.open(content, options);
        this.modalRef.result.then((result) => {
            this.sendMessage(`${result}`);
        }, (reason) => {
            this.sendMessage(`${this.getDismissReason(reason)}`);
        });
        setTimeout( () =>{
            if(document.body.classList.contains('modal-open')){
                this.renderer.removeClass(document.body, 'modal-open');
                console.log('change');
            }
        }, 100);

现在已正确删除该课程

ngb Modal使背景可滚动

1 个答案: