Thymeleaf:如何使用条件来动态添加/删除CSS类

2022-08-31 09:38:46

通过使用 Thymeleaf 作为模板引擎,是否可以使用子句在简单中动态添加/删除 CSS 类?divth:if

通常,我可以按如下方式使用条件子句:

<a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> 

我们将创建一个指向 lorem ipsum 页面的链接,但前提是条件子句为 true。

我正在寻找不同的东西:我希望块始终可见,但根据情况具有可更改的类。


答案 1

还有.th:classappend

<a href="" class="baseclass" th:classappend="${isAdmin} ? adminclass : userclass"></a>

如果 是 ,则这将导致:isAdmintrue

<a href="" class="baseclass adminclass"></a>

答案 2

是的,可以根据情况动态更改CSS类,但不能使用。这是通过猫王运算符完成的。th:if

<a href="lorem-ipsum.html" th:class="${isAdmin}? adminclass : userclass">Lorem Ipsum</a>