Referenziare un oggetto HTML del template in un component Angular

di , in HTML5, Angular,

Sebbene il motore di binding di Angular sia estremamente potente, esistono casi in cui dobbiamo referenziare un oggetto HTML e utilizzarlo all'interno del codice del component. Per referenziare l'oggetto, dobbiamo innanzitutto assegnargli un nome lato template utilizzando le template variable e successivamente importarlo nel component utilizzando la direttiva @ViewChild.
Se l'oggetto che stiamo referenziando è un normale tag HTML, l'oggetto importato nel component è di tipo ElementRef mentre se stiamo referenziando un altro component, il tipo dell'oggetto importato è il tipo del component.

<input type="text" #tb />
<my-component #mc />

export class MyComponent {
  @ViewChild('tb') tb: ElementRef;
  @ViewChild('mc') mc: MyComponent;
  ...
}

Commenti

Visualizza/aggiungi commenti

Referenziare un oggetto HTML del template in un component Angular (#242)
| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi