2016-07-25 9 views
1

Wenn ich pass out HTML-Tags Modell Attribut wie so gibt sie falsch zu verlassen, was ist nichtFrühlings-Boot Thymeleaf Modell Attribut vorbei HTML-Tag in HTML-Seite


@Controller 
String rating = "<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-o" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i>" 

model.addAttribute("rating", rating); 

HTML Page 
<span th:text="${rating}"></span> 
gewünschte
Result is 
"<i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i><i class="fa fa-star-o" aria-hidden="true"></i>" 

Wie wir sehen können, gibt es Zitate um meine gewünschte Zeichenfolge, die nicht zeigen Sie auf andere Zeichenfolgen wie Kopfzeile, Text oder Int auf, wenn sie übergeben werden. Scheint nur für HTML angezeigt, wenn seine Tags vorhanden sind

Wenn ich in einer einzigen genial Schrift übergeben Sie es so, wie es sollte angezeigt wird, bis von Ihnen Element „bearbeiten als HTML“

<span>&lt;i class="fa fa-star" aria-hidden="true"&gt;&lt;/i&gt;</span> 
inspizieren getroffen

Vielen Dank an alle, die wissen, warum oder in der Gegend.

+0

Zuerst versuchen Blick auf diesen Artikel http; uTextdatei (für „unescaped Text“): th: Wenn Sie Thymeleaf wollen, dass unsere XHTML-Tags respektieren und sie nicht entkommen, werden Sie ein anderes Attribut verwenden müssen //stackoverflow.com/questions/3423262/what-is-modelattribute-in-spring-mvc – bugsiesegal

+0

Ok Ich werde es jetzt lesen. Habe auch meinen Post ein bisschen geändert –

+0

Hast du schon 'th: uttext' probiert? http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#unescaped-text – Edd

Antwort

0

Dies ist das Standardverhalten des Attributs th: text.)

<p th:utext="#{home.welcome}">Welcome to our grocery store!</p> 
This will output our message just like we wanted it: 
<p>Welcome to our <b>fantastic</b> grocery store!</p> 
+0

Danke für die Antwort. Das war die Lösung. Sehr geschätzt deine Hilfe –