Tenho uma lista que quando clicar nela, preciso que o display: listview
seja trocado para display: none
.
Minha lista é composta dessa forma:
<li class="sub">
<a class="dropdown-item waves-effect" (click)="verificaPermissao(9, 'confestoque')">
<i class="mr-3 fa fa-archive"></i>Estoque</a>
</li>
Na minha função verificaPermissão
preciso setar o display
para none
quando ocorre o click. Tentei com nativeElement
:
Constructor:
private el: ElementRef
Typescript:
verificaPermissao(idTela?: number, nomeRota?: string){
let lista = this.el.nativeElement.querySelector(".sub");
lista.classList.remove('display')
}
Também tentei:
const element = document.getElementsByClassName('sub');
this.renderer.setElementAttribute(element, "display", "none");
Mas recebo:
ERROR TypeError: el.setAttribute is not a function at
Como eu posso acessar a propriedade display
da minha classe sub?
<li [hidden]="condicao">...</li>