Angular是不推薦直接通過DOM操作獲取元素的，要操作元素就通過@ViewChild裝飾器。

在HTML中對元素添加引用myInput：

在ts中可以通過ViewChild獲取指定元素的引用：

import { ViewChild } from '@angular/core';

@ViewChild('myInput') input;

獲取到對應元素的引用后，你想添加焦點，如下：

this.input.nativeElement.focus()

nativeElement獲取的是原始DOM元素，至于你想在哪里自動獲取焦點，就看你的業務邏輯了，可以配合Angular對應的生命周期使用。

這是在segmentfault上別人給我的答案。

我的業務需求是頁面加載完畢就立馬給input獲取焦點；

所以用到了

ngAfterViewInit()

:

void {

this.

renderer.

invokeElementMethod(

this.

infocus.

nativeElement,'focus');

}

如果使用實現AfterViewInit，OnDestroy，那么你需要實現接口方法

export class ModalDirective implements AfterViewInit,OnDestroy {

ngAfterViewInit() {

}

ngOnDestroy() {

}

}

不然會報錯

Implement lifecycle hook interface AfterViewInit for method ngAfterViewInit

總結

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

本圖文內容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。

如您喜歡交流學習經驗，點擊鏈接加入交流1群：1065694478(已滿)交流2群：163560250

總結

以上是生活随笔為你收集整理的angular4获得焦点事件_Angular 4 文本框自动获取焦点二的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。