84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
프런트엔드 각도 앱이 있고 특정 텍스트 영역에 포커스를 설정하고 커서가 깜박이게 하고 로드 시 사용자가 텍스트 영역에 입력할 수 있도록 준비하고 싶습니다.
인터넷 검색을 해보니 @ViewChild가 올바른 선택일지도 모른다는 생각이 들었습니다. 하지만 지금까지 나는 그것을 작동시킬 수 있었습니다.
이것은 내 전체 독립형 TS 파일입니다.
먼저 올바른 옵션을@ViewChild에 전달하는 것입니다:
@ViewChild
그렇지 않으면 DOM 노드 대신 구성 요소 인스턴스를 얻게 됩니다.
*ngIf/*ngFor와 같은 구조적 지시문이 없으면 통과할 수도 있습니다{static: true, read: ElementRef}，它将使elementRef在ngOnInit中可用，否则你必须使用AfterViewInit
{static: true, read: ElementRef}
ngOnInit中可用
AfterViewInit
아직 DOM에 NativeElement가 없기 때문에 코드가 작동하지 않는 것 같아요. 다음은 작동합니다(콘솔(test1)에서 ngAfterViewInit 시작 부분에서 NativeElement가 null임을 확인해야 합니다). 어쩌면 1000ms를 추가해야 할 수도 있습니다:
}
nativeElement가 DOM에 나타날 때까지 기다리는 더 결정적인 방법은 여기에 설명되어 있습니다(setTimeout보다).함수가 요소가 존재할 때까지 기다리도록 합니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
먼저 올바른 옵션을
으아악@ViewChild에 전달하는 것입니다:그렇지 않으면 DOM 노드 대신 구성 요소 인스턴스를 얻게 됩니다.
*ngIf/*ngFor와 같은 구조적 지시문이 없으면 통과할 수도 있습니다
{static: true, read: ElementRef}，它将使elementRef在ngOnInit中可用，否则你必须使用AfterViewInit아직 DOM에 NativeElement가 없기 때문에 코드가 작동하지 않는 것 같아요. 다음은 작동합니다(콘솔(test1)에서 ngAfterViewInit 시작 부분에서 NativeElement가 null임을 확인해야 합니다). 어쩌면 1000ms를 추가해야 할 수도 있습니다:
으아악}
nativeElement가 DOM에 나타날 때까지 기다리는 더 결정적인 방법은 여기에 설명되어 있습니다(setTimeout보다).함수가 요소가 존재할 때까지 기다리도록 합니다