Entrar Ainda não tem acesso?
1
resposta

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

Referente ao curso AngularJS: crie webapps poderosas

por Rafael Augusto Pacheco Baião Reis
| 269.9k xp | 385 posts

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
por Gabriel Tavares da Silva
| 159.8k xp | 11 posts
Desenvolvedor Back end

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".