最近遇上一个小问题,就是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操作的问题以下是我收集的比较详细的讲解链接