CODEWITHSUNDEEP
javascripthtmlangularhide
Gabriel Paiva
Gabriel Paiva

Reputation: 1

How to hide a Div in HTML using angular

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

Upvotes: 0

Views: 131

Answers (1)

Zsolt Balint
Zsolt Balint

Reputation: 775

You could put those divs in the template like this:

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

Upvotes: 1

Related Questions