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

Question

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

Answer 1

您可以使用此类ElementRef来实现此目的 -

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

OR

您只需使用

即可

document.body

但是，在服务器端呈现的情况下，不建议使用document。

Working Example