Thymeleaf conditional classappend not working

Question

My question is related to this.

I have the following:

<div class="container">
<div class="wrapper">
<div class="arrow-steps clearfix">
<div th:each="caseStep : ${getAppCaseStepList}"
                                        th:class="arbitrary"
                                        th:classappend="${caseStep.casestepname == '${appCaseCurrentStep}'} ? 'step current' : 'step'"
                                        th:text="${caseStep.casestepname}">
</div>
</div>
</div>
</div>

where ${appCaseCurrentStep} is a model attribute (a String) which I am sending through GET in my controller method.

But somehow I am not able to set "step current" class to the element for this condition:

${caseStep.casestepname == '${appCaseCurrentStep}'

I am trying to set/append "step current" where my condition is true (String comparison) . What am I missing here or doing wrong?

`'${appCaseCurrentStep}'` means the literal string `${appCaseCurrentStep}`. — chrylis -cautiouslyoptimistic-, Aug 10 '20 at 06:06
when I use `${appCaseCurrentStep}` it throws exception: `there is still more data in the expression: 'lcurly({)'` — Ajay Kumar, Aug 10 '20 at 14:20
Lol.. I was typing the answer myself while you commented this. Yeah you are right.. that fixed it. ! Thanks Chrylis. — Ajay Kumar, Aug 10 '20 at 14:52
The `${}` identifies _an entire expression_, so inside it you don't need to restart a "new" expression. — chrylis -cautiouslyoptimistic-, Aug 10 '20 at 14:54
Awesome. Yeah I read that now Chrylis. Thanks so much for your unparalleled effort and info on this. You are awesome. I learned something new today.! — Ajay Kumar, Aug 10 '20 at 15:07

score 0 · Answer 1 · answered Aug 10 '20 at 14:52

Found it here. !

The cause: There should NOT be an additional { inside the expression ${...}.

Solution: The following expression did the trick for me:

<div th:each="caseStep : ${getAppCaseStepList}"
                                        th:class="asdfstep"
                                        th:classappend="${caseStep.casestepname == appCaseCurrentStep} ? 'step current' : 'step'"
                                        th:text="${caseStep.casestepname}"></div>

Thymeleaf conditional classappend not working

1 Answers1