如何根据 thymeleaf 中的条件将样式应用于 div?
How can I apply style to a div based on condition in thymeleaf?
我有一个 <div>
块,我需要根据条件将其设置为 display:none
或 display:block
。 html 看起来像这样,
<div style="display:none;">
//some html block content
</div>
我在 thymeleaf 中尝试了以下代码,
<div th:style="${condition} == 'MATCH' ? display:block : display:none">
//some html block content
</div>
但是上面的表达式是行不通的。抛出 org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression:
错误信息。
我可以 th:classappend
设置一些 class 并使这项工作有效,但想知道 elvis/ternary 运算符是否支持 thymeleaf th:style
标签。
发布问题时解决了,
th:style="${condition ? 'display:block' : 'display:none'}" >
会产生必要的条件样式。如果条件为真,则显示设置为块,如果条件为假,则 none。
对于管理员,
th:style="${role == 'ADMIN' ? 'display:block' : 'display:none'}" >
样式设置为display:block
,对于其他角色,块不显示。
简单情况下可以写成
<div th:style="${filed==null ? 'opacity:.3'}">
我有一个 <div>
块,我需要根据条件将其设置为 display:none
或 display:block
。 html 看起来像这样,
<div style="display:none;">
//some html block content
</div>
我在 thymeleaf 中尝试了以下代码,
<div th:style="${condition} == 'MATCH' ? display:block : display:none">
//some html block content
</div>
但是上面的表达式是行不通的。抛出 org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression:
错误信息。
我可以 th:classappend
设置一些 class 并使这项工作有效,但想知道 elvis/ternary 运算符是否支持 thymeleaf th:style
标签。
发布问题时解决了,
th:style="${condition ? 'display:block' : 'display:none'}" >
会产生必要的条件样式。如果条件为真,则显示设置为块,如果条件为假,则 none。
对于管理员,
th:style="${role == 'ADMIN' ? 'display:block' : 'display:none'}" >
样式设置为display:block
,对于其他角色,块不显示。
简单情况下可以写成
<div th:style="${filed==null ? 'opacity:.3'}">