2016-11-21 57 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

相关问题