2017-03-11 91 views
0

我有一個模板,我想申請一些條件,以顯示1個圖標或另一個,但沒有圖標顯示,我只看到單元格中的文本(真,假)Thymeleaf +春布爾條件

<tr th:each="systemAlarm : ${systemAlarms}"> 

             <td class="col_description" th:text="${systemAlarm.description}" ></td><!-- ID --> 
             <td class="col_name" th:text="${systemAlarm.enabled}"> 

             <span th:if="${systemAlarm.enabled}" > 
              yes<i class="fa fa-bullseye fa-2x" style="color:green; text-align: center;" aria-hidden="true"></i> 
             </span> 
             <span th:if="${!systemAlarm.enabled}"> 
              no<i class="fa fa-bullseye fa-2x" style="text-align: center;" aria-hidden="true"></i> 
             </span> 

             </td><!-- NAME --> 
            </tr>   

回答

1

在你原來的HTML,您有:

<td class="col_name" th:text="${systemAlarm.enabled}"> 

th:text屬性將覆蓋<td>的內容 - 其中包括圖標的HTML。你需要刪除它。所以,它應該看起來像這樣:

<tr th:each="systemAlarm: ${systemAlarms}"> 
    <td class="col_description" th:text="${systemAlarm.description}" /> 
    <td class="col_name"> 
    <span th:if="${systemAlarm.enabled}"> 
     yes<i class="fa fa-bullseye fa-2x" style="color:green; text-align: center;" aria-hidden="true"></i> 
    </span> 
    <span th:if="${!systemAlarm.enabled}"> 
     no<i class="fa fa-bullseye fa-2x" style="text-align: center;" aria-hidden="true"></i> 
    </span> 
    </td> 
</tr>