Angular6 输入框focus(焦点)问题

最近遇上一个小问题，就是angular的输入框添加focus失败。
一开始我是这样写的

<input autoFocus type="text" />

发现只有打开的第一次才有效果，这不是我所需要的效果。
所以我只能去百度和CSDN上搜索了几种写法，发现还是没有效果，情急之下请教了一些朋友，后来得出下面的写法

Html代码
<input  class="input-left" type="text"/>

Ts语法
//引入ElementRef
import { ElementRef } from '@angular/core';

//构造函数中添加
constructor( private : eleRef :ElementRef ){}

注意这里使用的ngAfterViewInit是初始化完组件视图及其子视图之后调用的，也就是先执行了ngOnInit之后才会执行下面这句
ngAfterViewInit() {

	//这里是重点，需要一个定时器，因为一般操作dom都是异步检查详情我会留下参考的链接
    setTimeout(() => {
      this.eleRef.nativeElement.querySelector('.input-left').focus();
    }, 300);
  }

以上就是所有的代码了，但是还是建议各位了解一下dom操作的问题以下是我收集的比较详细的讲解链接

关于ExpressionChangedAfterItHasBeenCheckedError

您需要了解的有关ExpressionChangedAfterItHasBeenCheckedError错误的所有信息