Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[ANGULAR] acessando nativeElement no Angular (material)

Olá, tenho uma dúvida, gostaria de saber como consigo selecionar uma tag do material no angular, estou tentando, mas sem sucesso.

nome da tag: <mat-toolbar>

arquivo.component.ts:

// Acredito que o problema seja aqui, pois não sei qual TIPO colocar dentro de ElementRef<TIPO>
@ViewChild('tollbarRef') tollbarRef: ElementRef<HTMLElement>;

ngOnInit(): void {
    // Aqui eu tenho acesso a tag
    console.log(this.tollbarRef);
    //Aqui ele me retorna undefined
    this.elementHeight = this.tollbarRef.nativeElement;
    //Aqui ele me retorna o que eu quero, porem o _elementRef fica em vermelho e gerando erro no console, e também n é uma boa pratica acessar elementos com a convenção _
      this.elementHeight = this.tollbarRef._elementRef.nativeElement.clientHeight;
}
    ngAfterViewInit(): void {
      console.log(this.tollbarRef._elementRef.nativeElement.clientHeight);

    }

arquivo.component.html:

<mat-toolbar #tollbarRef class="example-header"><mat-toolbar>
3 respostas

Fala aí Nícolas, tudo bem? Você já tentou colocar MatToolbar no ElementRef? Algo do tipo:

@ViewChild('tollbarRef') tollbarRef: ElementRef<MatToolbar>;

Espero ter ajudado.

Opa Matheus, eu desfiz o projeto, mas acredito que eu coloquei sim, quando for iniciar ele novamente eu dou uma resposta mais concreta ;)

solução!

Beleza Nícolas, vou finalizar o tópico então.

Caso você tenha problemas novamente pode abrir outro que eu te ajudo assim que possível.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software