如何在Angular2（ngx）中通过css选择器找到元素？

Question

如何在整个文档中通过css选择器找到元素，而不仅仅是在Angular2（ngx）中的子元素中？

Answer 1

首先你需要从angular core导入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工作者中。

Answer 2

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

确保在类名前没有用户句点（。）。