Thymeleaf +春のブール条件

Question

私は1つのアイコンまたは別のものを示すために、いくつかの条件を適用するテンプレートを持っていますが、アイコンが示されていない、私はテキストのみ（真、偽）を参照してください

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

Answer 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>