Angular ViewChildren

import {Component, Directive, ElementRef, QueryList, ViewChildren} from "@angular/core";

// DON'T FORGET TO DECLARE A DIRECTIVE IN YOUR MODULE.
// Selector by class
@Directive({selector: '.live-screen__user-microphone'})
export class microphoneIconSelector {
  // Define a property to make it available in object, returned by directive.
  nativeElement: any;
  constructor(private element: ElementRef) {
    this.nativeElement = element.nativeElement;
  }
}

@Component({
  selector: 'pr-component',
  template: require('./component.component.html'),
})
export class Component {

  @ViewChildren(microphoneIconSelector) tooltipMicrophoneElems: QueryList<microphoneIconSelector>;

  ngAfterViewInit() {

    this.tooltipMicrophoneElems.forEach(item => {
        // item.nativeElement is available for interactions
    });
  }
}