2016-11-21 100 views
1

我有一個列表與圖像網址,我只想顯示那個不是空的。但我已經嘗試了很多東西,似乎沒有任何工作。如何只顯示百里香葉中不是零的變量

這是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> 

這是輸出:

Picture

回答

0

你可以嘗試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開發測試它們每個工具,看看這些圖像是否沒有網址,因爲你的網址也可能因爲某個原因被破壞。

+0

謝謝,但它不工作,因爲前4項不爲空。 – tijn167

+0

你是什麼意思前4項不是null?當你嘗試這個時你沒有任何東西?在屏幕截圖中,您還得到了三個不爲空的項目? – webmaster

+0

我的意思是getImageUrl返回一個數組列表,因此它不爲null,但有6個值爲null,因爲它們在數據庫中沒有條目。這輛車只有前3/4的物品。 – tijn167

相關問題