Wie mache ich es, wenn sonst in Thymeleaf?

Was ist der beste Weg, um ein einfaches zu machen if- elsein Thymeleaf?

Ich möchte in Thymeleaf den gleichen Effekt erzielen wie

<c:choose>
  <c:when test="${potentially_complex_expression}">
     <h2>Hello!</h2>
  </c:when>
  <c:otherwise>
     <span class="xxx">Something else</span>
  </c:otherwise>
</c:choose>

in JSTL.

Was ich bisher gedacht habe:

<div th:with="condition=${potentially_complex_expression}" th:remove="tag">
    <h2 th:if="${condition}">Hello!</h2>
    <span th:unless="${condition}" class="xxx">Something else</span>
</div>

Ich möchte nicht potentially_complex_expressionzweimal bewerten . Deshalb habe ich die lokale Variable eingeführt condition. Trotzdem benutze ich nicht gerne beide th:if="${condition}und th:unless="${condition}".

Eine wichtige Sache ist, dass ich zwei verschiedene HTML-Tags verwende: Sagen wir h2und span.

Können Sie einen besseren Weg vorschlagen, um dies zu erreichen?

Thymeleaf hat ein Äquivalent zu <c:choose>und <c:when>: den in Thymeleaf 2.0 eingeführten Attributen th:switchund th:case.

Sie funktionieren wie erwartet und verwenden *für den Standardfall:

<div th:switch="${user.role}"> 
  <p th:case="'admin'">User is an administrator</p>
  <p th:case="#{roles.manager}">User is a manager</p>
  <p th:case="*">User is some other thing</p> 
</div>

Sehen Sie dies für eine kurze Erklärung der Syntax (oder die Thymeleaf Tutorials).

Haftungsausschluss : Gemäß den StackOverflow-Regeln bin ich der Autor von Thymeleaf.

Ich habe diesen Code ausprobiert, um herauszufinden, ob ein Kunde angemeldet oder anonym ist. Ich habe die th:ifund th:unlessbedingten Ausdrücke verwendet. Ziemlich einfacher Weg, es zu tun.

<!-- IF CUSTOMER IS ANONYMOUS -->
<div th:if="${customer.anonymous}">
   <div>Welcome, Guest</div>
</div>
<!-- ELSE -->
<div th:unless="${customer.anonymous}">
   <div th:text=" 'Hi,' + ${customer.name}">Hi, User</div>
</div>

Ich möchte neben Daniel Fernández mein Beispiel in Bezug auf Sicherheit weitergeben.

<div th:switch="${#authentication}? ${#authorization.expression('isAuthenticated()')} : ${false}">
    <span th:case="${false}">User is not logged in</span>
    <span th:case="${true}">Logged in user</span>
    <span th:case="*">Should never happen, but who knows...</span>
</div>

Hier ist ein komplexer Ausdruck mit gemischten Dienstprogrammobjekten "Authentifizierung" und "Autorisierung", der ein "wahr / falsch" -Ergebnis für den Thymeleaf-Vorlagencode erzeugt.

Die Dienstprogrammobjekte "Authentifizierung" und "Autorisierung" stammen aus der springsecurity3-Bibliothek von thymeleaf extras . Wenn das Objekt 'Authentifizierung' nicht verfügbar ist ODER authorisation.expression ('isAuthenticated ()') als 'false' ausgewertet wird, gibt expression $ {false} zurück, andernfalls $ {true}.

Sie können verwenden

If-then-else:  (if) ? (then) : (else)

Beispiel:

'User is of type ' + (${user.isAdmin()} ? 'Administrator' : (${user.type} ?: 'Unknown'))

Es könnte für die neuen Leute nützlich sein, die die gleiche Frage stellen.

Eine andere Lösung - Sie können lokale Variablen verwenden:

<div th:with="expr_result = ${potentially_complex_expression}">
    <div th:if="${expr_result}">
        <h2>Hello!</h2>
    </div>
    <div th:unless="${expr_result}">
        <span class="xxx">Something else</span>
    </div>
</div>

Weitere Informationen zu lokalen Variablen:
http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#local-variables

Im einfacheren Fall (wenn HTML-Tags identisch sind):

<h2 th:text="${potentially_complex_expression} ? 'Hello' : 'Something else'">/h2>

Eine andere Lösung besteht darin, nur notdie entgegengesetzte Negation zu erhalten:

<h2 th:if="${potentially_complex_expression}">Hello!</h2>
<span class="xxx" th:if="${not potentially_complex_expression}">Something else</span>

Wie in der Dokumentation erläutert , entspricht dies der Verwendung th:unless. Wie andere Antworten erklärt haben:

Hat th:ifauch ein inverses Attribut, th:unlessdas wir im vorherigen Beispiel hätten verwenden können, anstatt ein nicht innerhalb des OGNL-Ausdrucks zu verwenden

Die Verwendung notfunktioniert auch, aber meiner Meinung nach ist die Verwendung besser lesbar, als th:unlessdie Bedingung mit zu negieren not.

<div th:switch="${user.role}"> 
<p th:case="'admin'">User is an administrator</p>
<p th:case="#{roles.manager}">User is a manager</p>
<p th:case="*">User is some other thing</p> 
</div>


<div th:with="condition=${potentially_complex_expression}" th:remove="tag">
<h2 th:if="${condition}">Hello!</h2>
<span th:unless="${condition}" class="xxx">Something else</span>
</div>

<div style="width:100%">
<span th:each="i : ${#numbers.sequence(1, 3)}">
<span th:if="${i == curpage}">
<a href="/listEmployee/${i}" class="btn btn-success custom-width" th:text="${i}"></a
</span>
<span th:unless="${i == curpage}">
<a href="/listEmployee/${i}" class="btn btn-danger custom-width" th:text="${i}"></a> 
</span>
</span>
</div>

Geben Sie hier die Bildbeschreibung ein

Verwendung th:switchalsif-else

<span th:switch="${isThisTrue}">
  <i th:case="true" class="fas fa-check green-text"></i>
  <i th:case="false" class="fas fa-times red-text"></i>
</span>

Verwendung th:switchalsswitch

<span th:switch="${fruit}">
  <i th:case="Apple" class="fas fa-check red-text"></i>
  <i th:case="Orange" class="fas fa-times orange-text"></i>
  <i th:case="*" class="fas fa-times yellow-text"></i>
</span>