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

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 。

工作实例