如何只顯示百里香葉中不是零的變量

Question

我有一個列表與圖像網址，我只想顯示那個不是空的。但我已經嘗試了很多東西，似乎沒有任何工作。

這是HTML代碼：

<ul class="first"> 
<div th:each="image : ${car.getImageUrl()}"> 
    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
     <a th:href="${image}" class="pop" data-id="${image}"> 
      <img class="img-responsive thumbnailsmaller" th:src="${image}"/> 
     </a> 
    </li> 
</div>   
</ul> 

這是輸出：

Answer 1

你可以嘗試th:if這樣的：

<ul class="first"> 
<div th:each="image : ${car.getImageUrl()}" th:if="${!#strings.isEmpty(image)}"> 
    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
     <a th:href="${image}" class="pop" data-id="${image}"> 
      <img class="img-responsive thumbnailsmaller" th:src="${image}"/> 
     </a> 
    </li> 
</div>   
</ul> 

此外，確保你的圖片網址是有效的，用chrome開發測試它們每個工具，看看這些圖像是否沒有網址，因爲你的網址也可能因爲某個原因被破壞。