2017-04-13 143 views
-1

我正在使用thymeleaf框架。我想隱藏整個div,如果價值是空的。並顯示它是否爲空。如果tr與thymeleaf一起是空的,如何隱藏父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> 

如何隱藏這個div時, 「TR日:每個=」 表:$ {myTable的}」沒有顯示任何值,它不必是嚴格thymeleaf功能。如果可能的話,我可以使用angularjs功能。

混亂

我的想法做一些事情一樣,如果tr標籤是空隱藏的div,但我的第一個tr標籤會不是空的,因爲它是靜態的。

輸出

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

我怎麼能隱藏整如果值是空/空?表值由數據庫變化並獲得。有時可以是空白如果您在使用Thymeleaf 3.xx版有時有值

+0

檢查是否爲myTable爲空或沒有,這真是小巫見大巫 – charlietfl

+0

我買了我的困惑我明白自己的命名約定。謝謝。 –

回答

1

,這將幫助你:

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