Angular 角度：我可以向主体添加类，但不能应用样式

首先请原谅我的英语很差

我对呈现的HTML有问题。我尝试将一个类应用于身体

我读了这篇文章
我可以使用

this.renderer.setStyle（document.body，'overflow'，'hidden'）应用样式

，但我不知道为什么它不能与

addclass

constructor（@Inject（DOCUMENT）private DOCUMENT:DOCUMENT，
私有modalService:modalService，私有el:ElementRef，
专用渲染器：渲染器2）{
}
open（）：void{
this.element.style.display='block'；
this.renderer.addClass（this.document.body，'ngx utilitario modal open'）；
//this.renderer.setStyle（document.body，'overflow'，'hidden'）；
console.log（'fasd'）
}
//闭合模态
close（）：void{
this.element.style.display='none'；
this.renderer.removeClass（this.document.body，'ngx utilitario modal open'）
//this.renderer.setStyle（document.body，'overflow'，'auto'）
}

我明白了

但风格不适用 我试着

---

这项工作将您的样式移动到全局应用的

styles.scss

或

styles.css

styles.scss

.ngx-utilitario-modal-open {
}

---

将样式移动到全局应用的

styles.scss

或

styles.css

styles.scss

.ngx-utilitario-modal-open {
}

使用此代码

封装：视图封装。无。

None表示Angular不进行视图封装。Angular将CSS添加到全局样式中。前面讨论的范围规则、隔离和保护不适用。这与将组件的样式粘贴到HTML中基本相同。

使用此代码

封装：视图封装。无。

---

None表示Angular不进行视图封装。Angular将CSS添加到全局样式中。前面讨论的范围规则、隔离和保护不适用。这基本上与将组件的样式粘贴到HTML中相同。

使用

封装：viewenclovation.None

。None表示Angular不进行视图封装。Angular将CSS添加到全局样式中。前面讨论的范围规则、隔离和保护不适用。这与将组件的样式粘贴到HTML中基本相同。向我们展示您尝试使用的CSS以及预期的行为。这里没有足够的信息来正确回答这个问题。@Spritzig ty，这个work@renatocohaila如果这对您有效，我将添加为答案，然后您可以将其设置为已接受。使用

封装：ViewEncapsulation.None

。None表示Angular不进行视图封装。Angular将CSS添加到全局样式中。前面讨论的范围规则、隔离和保护不适用。这与将组件的样式粘贴到HTML中基本相同。向我们展示您尝试使用的CSS以及预期的行为。这里没有足够的信息来正确回答这个问题。@Spritzig ty，这个work@renatocohaila如果这对你有效，我将添加作为答案，然后你可以作为接受。