Dar focu a um inputbox no angular 6

No angular 6 como eu deixo um input com focu, eu criei um componente e o template gostaria que o campo nome ficasse já focado ao carregar o componente para o usuário preencher tentei algo do tipo abaixo só que não faz o que eu desejo:

import {Component, ViewChild, ElementRef, OnInit, AfterContentInit} from '@angular/core';

/**
 * @title Basic Inputs
 */
@Component({
  selector: 'input-overview-example',
  styleUrls: ['input-overview-example.css'],
  templateUrl: 'input-overview-example.html',
})
export class InputOverviewExample implements AfterContentInit {
   @ViewChild('yourInput', {static: false}) yourInput: ElementRef;
   @ViewChild('yourInput2', {static: false}) yourInput2: ElementRef;
   @ViewChild('yourInput3', {static: false}) yourInput3: ElementRef;

  ngAfterContentInit() {
    // contentChild is set after the content has been initialized
    //this.logIt('AfterContentInit');
    //this.doSomething();
    //alert("focus");
    this.yourInput3.nativeElement.focus();
  }

  itemclick(event) {
   console.log(event._elementRef.nativeElement.id);
   this.yourInput3.nativeElement.focus();
  }

}