Css 通过角度动画从组件更改身体样式_Css_Angular_Animation_Angular Animations

Css 通过角度动画从组件更改身体样式

css angular animation

Css 通过角度动画从组件更改身体样式,css,angular,animation,angular-animations,Css,Angular,Animation,Angular Animations,我有组件模态窗口，我想让它全屏显示角度动画。现在它被实现为document.querySelector（'body'）.classList.toggle（'modal-fullscreen'）。同样在css中，我为这个动画提供了transition0.3s。现在我需要在角度动画中重新制作它。如何从模态窗口组件动画直接更改主体的样式？您可以像这样使用ElementRef来实现这一点- constructor(private elRef: ElementRef) { console.log(

我有组件

模态窗口

，我想让它全屏显示角度动画。现在它被实现为

document.querySelector（'body'）.classList.toggle（'modal-fullscreen'）。同样在css中，我为这个动画提供了transition0.3s
。现在我需要在角度动画中重新制作它。如何从模态窗口
组件动画直接更改主体
的样式？
您可以像这样使用ElementRef
来实现这一点-
constructor(private elRef: ElementRef) {
    console.log(elRef.nativeElement.ownerDocument.body);
  }

或
你可以简单地使用
document.body

但在服务器端呈现的情况下，不建议使用文档