要素IDでフォーカスを設定する方法

Question

私はAngularを初めて使用しており、これを使用してID "input1"の入力にフォーカスを設定しようとしています。その後、

@ViewChild('input1') inputEl: ElementRef; 

後のコンポーネントで：

this.inputEl.nativeElement.focus(); 

しかし、それは動作していない私は、次のコードを使用しています。私は間違って何をしていますか？どんな助けでも大歓迎です。

Answer 1

一つは、私に答えを与えました。私はRenderer2を@ angular/coreから私のコンポーネントにインポートしなければなりませんでした。次に：

const element = this.renderer.selectRootElement('#input1'); 

setTimeout(() => element.focus(), 0); 

ありがとうございます！

Answer 2

コンポーネント

import { Component, ElementRef, ViewChild, AfterViewInit} from '@angular/core'; 
... 

@ViewChild('input1') inputEl:ElementRef; 

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

HTML @ Z.Bagleyによって参照される問題の回答の

<input type="text" #input1>