¿Cómo manipular los elementos HTML utilizando angular 7?
Por ejemplo, obtener el tamaño de la ventana del navegador y asignar su tamaño a un div mostrando un mensaje con el alto y ancho del div.
import { Component, HostListener } from '@angular/core';
@Component({
selector: 'app-ejemplo',
template: '<div></div>'
})
export class EjemploComponent {
alto:any;
ancho:any;
constructor() {
this.getTamanos();
}
//Evento para obtener el tamaño de la ventana del navegador
@HostListener('window:resize', ['$event']) getTamanos(event?) {
this.alto = window.innerHeight;
this.ancho = window.innerWidth;
//A partir de aquí se le asignarían los mismos tamaños de la venta al elemento div
}
}