Property decorator that configures a view query View queries are set before the ngAfterViewInit callback is called. import { Component, OnInit,AfterViewInit, viewChild } from '@angular/core'; @Component({ selector: 'app-example', templateUrl: './example.component.html', styleUrls: ['./example.component.css'] }) export class ExampleComponent implements OnInit, AfterViewInit { constructor() { } @ViewChild('addBtn') addBtn:ElementRef; ngOnInit(): void { } ngAfterViewInit() { // child is set console.log(this.addBtn.nativeElement) } } <button #addBtn>add</button>