Angular 4：Viewchild设置焦点

Question

我正在尝试控制按钮焦点而不使用标签autofocus = true，但似乎无法正常工作，您认为是否需要管道？

 <button #btn_focus>

 @ViewChild('btn_focus') firstNameElement: ElementRef;

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

感谢。

Answer 1

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

&

Answer 2

您的代码正常运行，您可以在此处看到它：

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

我打赌你的问题只是开放的开发者控制台，它会在加载页面后立即窃取焦点。尝试打开stackblitz与开发者控制台关闭（工作），而不是打开控制台（让它集中，所以你的光标在那里闪烁）并刷新页面（将无法工作）。