Sự kiện onload 2 góc cho phần tử DOM gốc

Question

Mục tiêu cuối cùng của tôi là làm cho phần tử văn bản tự động lấy nét khi tạo. Tôi vừa nghĩ ra một giải pháp để gọi e.target.focus() về sự kiện onload. Một cái gì đó như:

<textarea rows="8" col="60" (load)='handleLoad($event)'> 

và sau đó:

handleLoad(e){ 
    e.target.focus(); 
} 

Vấn đề là góc không nhận load sự kiện.

PS: Tôi đã thử autofocus một lần nhưng có vẻ như không hoạt động.

Answer 1

Bạn sẽ có thể làm điều đó trong ngAfterViewInit móc:

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

// ... 

export class Component implements AfterViewInit { 

    @ViewChild('textarea') textarea: ElementRef 

    ngAfterViewInit() { 
    this.textarea.nativeElement.focus() 
    } 
} 

đâu trong mẫu bạn cần phải thiết lập mẫu biến:

<textarea #textarea rows="8" col="60"></textarea> 

Answer 2

Hãy thử the HTML5 autofocus attribute:

<textarea rows="8" col="60" autofocus> 

Luôn tốt hơn (và đơn giản hơn rất nhiều!) để sử dụng API DOM gốc nếu có thể hơn để thực hiện nó trong JavaScript :)