@ViewChild

<!--
a.component.html
-->

...
<div #templateRef>...</div>
...
/**
* a.component.ts
*/

import { ViewChild, ElementRef } from '@angular/core';
...
export class AComponent {
@ViewChild('templateRef') el: ElementRef;
...
someFunc() {
console.log(this.el.nativeElement);
}
}

@ViewChildren

/**
* a.component.ts
*/

import { ViewChildren } from '@angular/core';
...

@ContentChild

/**
* a.component.ts
*/

import { ContentChild } from '@angular/core';
...

@ContentChildren

/**
* a.component.ts
*/

import { ContentChildren } from '@angular/core';
...