1
resposta

ng-if no no th e td se o td estiver vazio

No meu angularJS eu tenho a seguinte tabela:

<table>
<tr>
    <th>Coluna 1</th>
    <th>Coluna 2</th>
</tr>
<tr data-ng-repeat"carro in carros">
    <th>{{carro.cor}}</th>
    <th>{{carro.seguro}}</th>
</tr>
</table>

Caso nenhum carro tenha seguro, sumir com toda a Coluna2? Hoje, caso eu não tenha nada na coluna que exibe carro.seguro ele esta colocando uma coluna inteira vazia.

1 resposta

Eai Rafael, Você pode utilizar o ng-if da seguinte forma:

<!-- código escondido -->
    <th>{{carro.cor}}</th>
    <th ng-if="carro.seguro">{{carro.seguro}}</th>
</tr>
</table>

Com o ng-if você pode fazer uma validação: "Caso exista valor na variável [carro-seguro] então exiba a coluna".

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