javascript - Angular Style DOM 元素问题

Question

我正在尝试查询 DOM 并在 Angular 中为其添加样式。有人会认为它很简单，但以下不起作用并给出错误，是否有 Angular 特定的方法来做到这一点？

let target = document.querySelector(".dom-element");
target.style.width = "100%";

标签： javascriptangulartypescript

Answer 1

您可以使用 ngStyle：https ://angular.io/api/common/NgStyle

[ngStyle]="{width: variableFromController}"

或使用@ViewChild和ngAfterViewInit：https ://angular.io/api/core/ViewChild

模板：

<div #domElement></div>

零件：

@ViewChild('domElement') element: ElementRef;

public ngAfterViewInit() {
   this.domElement.nativeElement.style.width = '100%';
}