如何在Angular2（ngx）中通過CSS選擇器找到元素？

Question

如何通過CSS選擇器在整個文檔中找到元素，而不只是在Angular2（ngx）的子元素中找到？

Answer 1

首先，您需要從角形核中導入ElementRef ，然后可以使用查詢選擇器方法來獲取元素

import { ElementRef,OnInit} from '@angular/core';
     element;

constructor( private el: ElementRef) {}
ngOnInit() {
    this.HTMLElement: HTMLImageElement = this.el.nativeElement.querySelector(`#selector`);
  }

在ElementRef和HTMLElement上查看這些文檔

角度文檔的警告

當需要直接訪問DOM時，將此API用作最后的手段。 改用Angular提供的模板和數據綁定。 另外，您可以看一下Renderer2，它提供了即使不支持直接訪問本機元素也可以安全使用的API。

依靠直接DOM訪問會在您的應用程序和呈現層之間建立緊密的耦合，這將使得不可能將兩者分開並將您的應用程序部署到Web Worker中。

Answer 2

angular.element(element.getElementsByClassName("classname"));

確保您沒有在班級名稱前輸入句點（。）。