html - Angular 5 (およびその他): @ViewChild を使用した HTMLElement

Question

を で参照する必要htmlElementが@ViewChild()あります。これを行う方法はありますか? HTMLElement を作成してから、viewChildまたは同様のものへの参照を割り当てようとする必要があります。ご清聴ありがとうございました。

Answer 1

それほど単純ではありません。ViewChild は次の目的で使用する必要があります。

• Component または Directive デコレーターを持つ任意のクラス

• 文字列としてのテンプレート参照変数 (例: ViewChild('cmp') を使用したクエリ)

• 現在のコンポーネントの子コンポーネント ツリーで定義されている任意のプロバイダ (例: ViewChild(SomeService) someService: SomeService)

• 文字列トークンで定義された任意のプロバイダー (例: ViewChild('someToken') someTokenVal: any)

• TemplateRef (例: ViewChild(TemplateRef) テンプレートを使用したクエリ;)

あなたの場合、最後のオプションを使用することをお勧めします：

<input #testInput >

TS:

...
@ViewChild('testInput') input;
...