代码之家 › 专栏 › 技术社区 › mr__brainwash

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

angular-animations animation angular css

mr__brainwash · 技术社区 · 6 年前

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

1 回复 | 直到 6 年前

Pardeep Jain 6 年前

你可以通过使用 ElementRef

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

或者

你可以简单地使用

document.body

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

Working Example

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前