我有组件modal-window，我想让它全屏显示 Angular 动画。现在它被实现为 document.querySelector('body').classList.toggle('modal-fullscreen');。同样在 css 中，我为此动画设置了 transition 0.3s。现在我需要用 Angular 动画重新制作它。我如何直接从 modal-window 组件动画更改 body 的样式？
最佳答案
您可以像这样使用 ElementRef 来实现此目的 -
constructor(private elRef: ElementRef) {
console.log(elRef.nativeElement.ownerDocument.body);
}
或
你可以简单地使用
document.body
但是在服务端渲染的情况下不推荐使用document。
Working Example
关于css - 通过 Angular 动画更改组件的主体样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50909706/