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

Question

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

标签： cssangularanimationangular-animations

Answer 1

你可以通过ElementRef这样使用来实现这一点 -

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

或者

你可以简单地使用

document.body

但是document在服务器端渲染的情况下不建议使用。

工作示例