Thymeleaf th：如果与th：每个在同一个html元素上

Question

我使用Thymeleaf动态生成所有菜单链接。我编写的代码工作正常。

    <ul>
         <li th:each="menu : ${menus}"><a href='#'><span th:text="${menu}">Home</span></a></li>
   </ul>

我的问题是，如果菜单的值等于Home，如何在li元素上添加一个类（activeMenu）。

Answer 1

通常你会在你想要插入特定类的元素中插入这个部分，在你的case span元素中：

th:class="${menu}=='Home' ? activeMenu"

或：

th:class="${menu}=='Home' ? activeMenu:''"

它应该像这样工作：

<ul>
    <li th:each="menu : ${menus}"><a href='#'><span th:class="${menu}=='Home' ? activeMenu:''">th:text="${menu}">Home</span></a></li>
</ul>

我没有尝试过这个特定的条件，但它应该有效。

希望这有帮助。