如何在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提供的模板和数据绑定。   或者你可以看一下提供API的Renderer2   即使直接访问本机元素也可以安全使用   支撑。

     

依靠直接DOM访问可以在您的网站之间建立紧密耦合   应用程序和渲染层将使其无法实现   将两者分开并将您的应用程序部署到Web worker中。

Answer 2

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

确保在课程名称之前没有用户句点（。）。