Question

我正在使用百日咳框架。如果值显示为空，我想隐藏整个div。并显示它是否为空。

Html代码

<div>
<h2> My Table </h2>
    <table border="1">
        <tr bgcolor="powderblue">
            <th>name</th>
            <th>age</th>
            <th>hobby</th>
            <th>interest</th>
            <th>books</th>
            <th>movie</th>
        </tr>
        <tr th:each="table: ${myTable}">

        <td th:text = "${table.name != null ? table.name : 'NULL'}" />
        <td th:text = "${table.age != null ? table.age : 'NULL'}" />
        <td th:text = "${table.hobby != null ? table.hobby : 'NULL'}" />
        <td th:text = "${table.interest != null ? table.interest: 'NULL'}" />
        <td th:text = "${table.books != null ? table.books : 'NULL'}" />
        <td th:text = "${table.movie != null ? table.movie : 'NULL'}" />

        </tr>
        </table>
</div>

当＆＃34; tr th：每个=＆＃34;表：$ {myTable}＆＃34;我怎样才能隐藏这个div？没有显示任何值？它不一定是严格的百里香功能。如果可能，我可以使用angularjs函数。

混乱

我正在考虑做一些事情，如果tr标签是null hide div。但是我的第一个tr标签不会为空，因为它是静态的。

输出

My Table
|name | age | hobby | interest | books | movies |
|     |     |       |          |       |        |

如果值为null / empty，如何隐藏整个？表值因数据库而异。有时可能是空白有时有值

Answer 1

如果您使用的是Thymeleaf版本3.x.x，它会对您有所帮助：

<div th:if="${!myTable.isEmpty()}">
...
</div>

Answer 2

稍微好一点的方法是 usage of the lists utility

<div th:unless="${#lists.isEmpty(myTable)}">
  ...
</div>

如果tr与百里香叶是空的，如何隐藏父div？

2 个答案: