angular - 未捕获（承诺中）：错误：./BaPageTop 类 BaPageTop 中的错误 - 内联模板：49:4 原因：无法读取 null 的属性“焦点”

Question

在设置焦点后，它在角度 2 中出现这样的错误

我尝试了两种类型的代码。

ngAfterViewInit() {
  document.getElementById(`myname`).focus();
}

错误：

Uncaught (in promise): Error: Error in ./BaPageTop class BaPageTop - inline template:49:4 caused by: Cannot read property 'focus' of null

标签： angular

Answer 1

您可能会使用文件viewChild 中的不同方法.html

<div (click)="toggleFocus()">Some Label</div>
<textarea #txtArea></textarea>

在你的课堂上

constructor(){}
@ViewChild('txtArea' , {read: ElementRef}) input: ElementRef;
 toggleFocus() {
  this.input.nativeElement.focus();
}