Thymeleaf classappend适用于多个班级

Question

我想使用条件添加多个类。

<div th:classappend="x.isTrue ?'class1' "  ></div>

我想要像

这样的东西

<div th:classappend="x.isTrue ?'class1' and "y.isTrue ?'class2'"  ></div>

Answer 1

您可以使用literal substitutions来实现此目标：

<div th:classappend="|${x.isTrue ? 'class1' : ''} ${y.isTrue ? 'class2' : ''}|"></div>

另一种方法是简单地用括号括起你的条件并将它们连接起来：

<div th:classappend="${(x.isTrue ? 'class1' : '') + (y.isTure ? ' class2' : '')}"></div>

Answer 2

尝试此解决方案。对我来说很好。

<span class="oi" th:classappend="${(h.tipo.label =='Sim/Não' ? 'oi-signpost': '') + 
                                (h.tipo.label =='Quantidade' ? 'oi-target': '')+
                                 (h.tipo.label =='Evitar' ? 'oi-shield': '')}"
                                 title="Visualizar"
                                    aria-hidden="true"></span>