sourcecode

여러 클래스에 대해 백합 클래스가 추가됩니다.

copyscript 2023. 10. 26. 21:21
반응형

여러 클래스에 대해 백합 클래스가 추가됩니다.

조건을 이용해서 여러 개의 클래스를 추가하고 싶습니다.

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

나는 다음과 같은 것을 원합니다.

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

문자 그대로의 대체 기능을 사용하여 다음을 달성할 수 있습니다.

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

다른 방법은 조건을 괄호로 간단히 감싸고 연결하는 것입니다.

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

이 솔루션을 사용해 보십시오.제게 아주 잘 들어맞습니다.

<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>

언급URL : https://stackoverflow.com/questions/41480973/thymeleaf-classappend-for-multiple-classes

반응형