Angular 5 - 动态地为特定元素添加样式

Question

我在我的项目中使用 Angular 5.2 并且是 Angular 框架的新手。我的组件 html 看起来像这样:-

我想添加 style="top:200px;"在 Angular ts 代码的上面的屏幕截图中动态地使用 class="app-alerts"突出显示的元素。类为“app-alerts”的 div 元素被添加到渲染器上的 DOM。

请建议代码更改。

Answer 1

我来晚了，但是不!不要使用 DOCUMENT.QUERYSELECTOR。这不是你设计 Angular DOM 元素的方式!

<div [ngStyle]="{'top.px': divStyle}">

然后在你的组件中，你有

ngAfterViewInit() {
  this.divStyle = 200; 
}