Thymeleaf 还提供 th:attrappend 和 th:attrprepreend 属性,它们将其求值结果附加(后缀)或前缀(前缀)到现有属性值。
例如,你可能想要将一个 CSS 类的名称存储到一个上下文变量中的按钮中,因为要使用的特定 CSS 类将依赖于用户之前所做的事情:
<input type="button" value="Do it!" class="btn" th:attrappend="class=${' ' + cssStyle}" />
如果在 cssStyle 变量设置为 “warning” 的情况下处理此模板,则会得到:
<input type="button" value="Do it!" class="btn warning" />
在标准方言中还有两个特定的附加属性:th:classappend 和 th:styleappend 属性,它们用于向一个元素添加 CSS 类或样式片段而不覆盖现有的。
<tr th:each="prod : ${prods}" class="row" th:classappend="${prodStat.odd}? 'odd'">