Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

É possivel ocultar um campo caso seja nulo ou em branco usando apenas thymeleaf?

Na aula 7 vimos que , caso o status de um pedido seja "AGUARDANDO" ele não possui os dados de valor e data de entrega. Sendo assim, é possivel ocultar esses campos caso eles não sejam informados?

Por exemplo: Esse é o código html que insere os campos valorNegociado e dataDeEntrega

<div class="col-12 col-sm-8  mb-3">
    <div class="row">
        <div class="col-md-5">Valor: <span th:if="${pedido.valorNegociado} != null" th:text="${'R$ ' + #numbers.formatDecimal(pedido.valorNegociado,3,'POINT',2,'COMMA')}">200,99</span></div>
<div class="col-md-7">Data da entrega: <span th:text="${#temporals.format(pedido.dataDaEntrega, 'dd/MM/yyyy')}">10/02/2020</span></div>
    </div>

É possivel, por exemplo, adicionar algo do tipo:

th:if="${pedido.valorNegociado} == null e adcionar algo que set o nome "Valor:" como hiden?

1 resposta
solução!

Consegui resolver usando o th:classappend e a classe d-none do BootStrap.

<div class="col-md-5">
    <a th:classappend="${pedido.valorNegociado} == null ? 'd-none'">Valor:</a> <span th:if="${pedido.valorNegociado} != null"                            th:text="${'R$ ' + #numbers.formatDecimal(pedido.valorNegociado,3,'POINT',2,'COMMA')}">200,99</span>
</div>
<div class="col-md-7">
    <a th:classappend="${pedido.dataDaEntrega} == null ? 'd-none'">Data da entrega:</a> <span th:text="${#temporals.format(pedido.dataDaEntrega,'dd/MM/yyyy')}">10/02/2020
</span>
    </div>
</div>