Thymeleaf中th:style直接绑定Spring POJO属性值报错如何解决

两种写法报错的核心原因是不符合Thymeleaf的表达式解析规则：

• ${}表达式内部不能嵌套第二层${}占位符
• 静态样式文本和动态变量混合书写时，必须通过合法语法做拼接，不能直接混写

对应场景的正确写法 #

1. 直接读取对象属性值拼接样式 #

两种写法都可正常运行，推荐第二种更简洁的字面量写法：

• 字符串拼接写法：用单引号包裹静态样式内容，通过+拼接动态变量

th:style="'background:' + ${color}"

• 竖线字面量替换写法：所有内容包裹在| |中，直接在对应位置写变量占位符即可

th:style="|background:${color}|"

2. 三元判断逻辑内拼接动态属性值 #

注意：已经处于${}表达式内部时，直接写变量名即可访问上下文变量，不需要额外套${}：

• 字符串拼接写法

th:style="${color == 'yellow' ? 'background:' + color : 'background:blue'}"

• 字面量嵌套写法

th:style="${color == 'yellow' ? |background:${color}| : 'background:blue'}"

扩展说明 #

如果样式值存储在POJO对象属性中，直接通过对象名.属性名的方式访问即可，比如读取当前用户对象的自定义背景色：

th:style="|background:${currentUser.customBgColor}|"

多样式动态绑定也可以用同样规则实现，例如：

th:style="|background:${bgColor};color:${fontColor};font-size:${fontSize}px|"

内容的提问来源于stack exchange，提问作者Lekan Swansons