angular 输入框获取焦点失效的问题

重点说明：假如先设定了输入框disabled又打开，然后执行获取焦点，可能会失效，这个时候可以把getFocus函数放在定时器里，1秒钟后执行，就可以了哦~具体代码如下html <input #myInput id="myInputr" nz

tangdou369098655

610人浏览 · 2021-04-22 22:34:09

tangdou369098655 · 2021-04-22 22:34:09 发布

重点说明：假如先设定了输入框disabled又打开，然后执行获取焦点，可能会失效，这个时候可以把getFocus函数放在定时器里，1秒钟后执行，就可以了哦~

具体代码如下

html

          <input #myInput id="myInputr" nz-input class="myInput" [(ngModel)]="aaa.value"
            (keyup.enter)="myClick()" />

ts文件如下

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


@ViewChild('myInput', { static: true }) myInput: ElementRef; 
ngAfterViewInit() {
    this.getFocus()
  } 
 getFocus() {
    this.myInput.nativeElement.focus()
    // document.getElementById('myInputr').focus()
  }