角度4：Viewchild设定焦点

Question

我试图在不使用标签autofocus = true的情况下控制按钮的焦点，但是似乎无法正常工作，您是否认为有必要使用管道？

 <button #btn_focus>

 @ViewChild('btn_focus') firstNameElement: ElementRef;

  ngAfterViewInit(){
    this.firstNameElement.nativeElement.focus();
  }

谢谢。

Answer 1

我也有同样的问题尝试了多种方法，但没有奏效。 最后，我使用javascript代码专注于具有属性ID的给定HTML元素。

function focusInputelement(id) {
        window.setTimeout(() => {
              document.getElementById(id).focus();
        }, 500);
    }

Answer 2

您的代码正在运行，您可以在此处查看其运行情况：

https://stackblitz.com/edit/angular-6mszhb?file=app%2Fapp.component.ts

我敢打赌，您的问题只是打开了开发人员控制台，该控制台在页面加载后立即失去了焦点。 尝试在关闭（开发人员）开发人员控制台的情况下打开该stackblitz，然后打开控制台（并使其聚焦，因此您的光标在那里闪烁）并刷新页面（不起作用）。