在Thymeleaf中,您可以使用字符串拼接运算符+
将字符串与变量拼接在一起。在th:class
属性中实现字符串和变量的拼接,可以使用${}
语法。
以下是一个示例:
<!-- 假设bin.color是一个字符串类型的变量 -->
<div th:class="'panel panel-' + ${bin.color}">...</div>
在上述示例中,'panel panel-'
是一个字符串常量,${bin.color}
是一个变量。通过+
运算符将两者连接在一起,生成最终的class属性值。请确保${bin.color}
的值是有效的CSS类名,以确保正确的样式呈现。
此外,您还可以使用Thymeleaf的内联表达式(Inline Expression)来实现字符串和变量的拼接,示例如下:
<div th:class="|panel panel-${bin.color}|">...</div>
在上述示例中,|
管道符用于界定内联表达式,${bin.color}
会被替换为实际的变量值,然后与前缀和后缀字符串拼接在一起。
无论是使用+
运算符还是内联表达式,都能实现字符串和变量的拼接,并将结果作为th:class
属性的值应用到相应的HTML元素上。