th:text on thymeleaf 添加条件

Question

我的 html 文件中有一个表格，其填充如下：

<table>
        <thead>
        <tr>
            <th class="text-left">First Name</th>
            <th class="text-left">Last Name</th>
            <th class="text-left">Status</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user : ${users}">
            <td class="text-left" th:text="${user.firstname}"></td>
            <td class="text-left" th:text="${user.lastname}"></td>
            <td class="text-left" th:text="${user.status}"></td>
        </tr>
        </tbody>
    </table>

问题在于，对于状态，我有两个条件：在线和离线，我想做的是如果 status=='online' 将 th:text 颜色更改为绿色，并且当 status=='offline' 将其更改为红色的。我不知道是否有办法用百里香来做到这一点，或者我必须使用 javascript。

Answer 1

您是否尝试过使用th:classappend？您可以使用您的规则定义两个 CSS 类（颜色：红色；或颜色：绿色；）并根据条件分配正确的类：

<td class="text-left" th:text="${user.firstname}" th:classappend="${isOnline} ? onlineCSSClass : offlineCSSClass"></td>

附言我认为isOnline 是一个设置为真/假的变量，具体取决于它是在线还是离线