通过角度动画更改零部件的实体样式

Question

我有组件modal-window，我想让它与角度动画全屏。现在它被实现为document.querySelector('body').classList.toggle('modal-fullscreen');。另外，在css中，我有用于此动画的transition 0.3s。现在我需要在角度动画中重新制作它。如何从modal-window组件动画中直接更改body的样式？

Answer 1

您可以像这样使用ElementRef来实现这一点-

constructor(private elRef: ElementRef) {
    console.log(elRef.nativeElement.ownerDocument.body);
  }

或

您可以简单地使用

document.body

但在服务器端渲染时，不建议使用document。

Working Example