Estoy tratando de asignar estilos a un elemento, he intentado usar el decorador @ViewChild, pero al compilar salta un error: Property #element# has no initializer and is not definitely assigned in constructor.
La idea es acceder al elemento como siempre se ha hecho con JavaScript (document.getElementById(#elemento).style...
), sin embargo esta práctica se desaconseja y he mirado otras formas, en otros artículos hacen referencia a la clase Renderer2, que es la mejor forma para trabajar con el DOM.
Dejo el código por aquí para que le echéis un ojo, a ver si encontráis el error:
HTML
<div #roompanel...
TS
import { Component, ElementRef, OnInit, Renderer2, ViewChild } from '@angular/core';
...
export class CastComponent implements OnInit {
@ViewChild("roompanel") roompanel: ElementRef;
...
constructor (private renderer:Renderer2) {
}
showpanel(){
this.renderer.setStyle(this.roompanel.nativeElement, 'display', 'flex');
}
}
Aquí muestro una captura del error exacto.
En algunos foros indican que colocar ! después de roompanel soluciona el problema, y es cierto, pero no me deja tranquilo porque no sé qué está haciendo exactamente.
Creo que no es necesario aclarar que soy muy nuevo en Angular y todavía estoy aprendiendo.