Evento onload angolare 2 per un elemento DOM nativo

Question

Il mio obiettivo finale è rendere autofocus un elemento textarea sulla creazione. Ho appena pensato a una soluzione per chiamare e.target.focus() sull'evento onload. Qualcosa di simile:

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

e poi:

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

Il problema è angolare non riconosce load evento.

PS: Ho provato autofocus una volta ma sembra non funzionare.

Answer 1

Si dovrebbe essere in grado di farlo in gancio ngAfterViewInit:

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

// ... 

export class Component implements AfterViewInit { 

    @ViewChild('textarea') textarea: ElementRef 

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

Dove nel modello è necessario impostare modello variabile:

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

Answer 2

Prova the HTML5 autofocus attribute:

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

Sempre meglio (e molto più semplice!) usare l'API DOM nativa, se possibile, piuttosto che farlo in JavaScript :)