通过角度获取应用于元素的类属性

Question

我是Angular的新手（特别是Angular 5.x），我希望有人可以为我揭示一些事情......

我试图弄清楚如何阅读（不操纵）某个已应用于已知元素的类的CSS样式属性。

例如，我有一个文本元素，其中包含＆＃34;特殊花哨文本＆＃34; CSS类适用于它。如何访问该元素的CSS类属性，以动态分辨当前在其中设置的字体系列，字体大小，颜色或其他选项？

谢谢！

Answer 1

您可以像这样使用ViewChild：

<强> HTML

<div  #filterDiv class='col-md-2' style='color: blue'>Filter by:</div>

<强>组件

  @ViewChild('filterDiv') filterDivRef: ElementRef;

  ngAfterViewInit(): void {
    if (this.filterDivRef.nativeElement) {
      console.log(this.filterDivRef.nativeElement.style.color);
    }
  }

以上将向控制台显示“蓝色”。这有关详细信息：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

虽然我不认为如果您使用样式类，它将能够告诉您该类的样式属性。