How to hide a Div in HTML using angular

Question

I want to hide a div with just titles, the div with the content is in another section

<div>
    <b>Entrega\</b>

    <div class="custom-control">ID da Entrega: </div>

    <div class="custom-control">ID Estoque de Origem: </div>

    <div class="custom-control">ID Itenção de Venda: </div>

    <div class="custom-control">Situação</div>

    <div class="custom-control">CNPJ Entregador</div>

    <div class="custom-control">Empresa Entregadora</div>

    <div class="custom-control">CNPJ Vendedor</div>

    <div class="custom-control">Empresa Vendedora</div>

    <div class="custom-control">DH Entrega</div>

    <div class="custom-control">DH Cancelamento</div>

    <div class="custom-control">Gerado por cancelamento? </div>

    <div class="custom-control">ID gerado por cancelamento Entrega</div>

    <div class="custom-control">ID Entrega Origem Cancel. Saída</div>

    <div class="custom-control">Motivo Cancelamento: </div>
</div>

to hide the div when there is no content

How do you add the content to those divs? Maybe you could use ngIf directive, for example within a ngFor, if the content is coming from an array. — Zsolt Balint
– Zsolt Balint, Commented Jan 26, 2023 at 15:17
the content is on JSON file but is linked like this: <div class="custom-control" >{{est.entregas.id_entrega}}</div> <div class="custom-control" >{{est.entregas.id_entrega}}</div> <div class="custom-control" >{{est.entregas.id_estoque}}</div> <div class="custom-control" >{{est.entregas.id_intencao_venda}}</div> <div class="custom-control" >{{est.entregas.estado_entrega}}</div> <div class="custom-control" >{{est.entregas.cnpj_cons_entregador}}</div> <div class="custom-control" >{{est.entregas.cons_entregador}}</div> <div class="custom-control" >{{est.entregas.cons_vendedor}}</div> — Gabriel Paiva
– Gabriel Paiva, Commented Jan 26, 2023 at 16:01
to hide a div, you can just add style="visibility:hidden;" — Han Han
– Han Han, Commented Jan 26, 2023 at 20:41

Zsolt Balint · Accepted Answer · 2023-01-26 19:33:26Z

1

You could put those divs in the template like this:

<div class="custom-control" *ngIf="est?.entregas?.id_entrega" >{{est.entregas.id_entrega}}</div>

answered Jan 26, 2023 at 19:33

Zsolt Balint

7753 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to hide a Div in HTML using angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related