Thymeleaf Javascript Variable

[gabelo]

Guten Tag,
wie kann ich einem Thymeleaf Value eine Javascript Variable zuordnen??
Ich habe eine Javascript Variable:
var set

Und ein Thymeleaf Value
th:value="${ben.name}"

Wie kann ich jetzt dem Thymeleaf Value die Javascript Variable zuordnen???

Danke

 

[httpdigest]

Gar nicht.
Thymeleaf ist eine Template-Engine, um z.B. HTML zu rendern.
Weder HTML noch Thymeleaf haben irgendwas mit JavaScript zu tun.
Du kannst natürlich JavaScript laden, welches dann die DOM API benutzt, um ein Attribt eines DOM Knoten zu lesen, welches du mit Thymeleaf an den Node gesetzt hast, und in der Variablen zu speichern.

Du kannst natürlich auch Thymeleaf benutzen, um ein inline-JavaScript Snippet zu rendern und darin Variablen zu interpolieren: https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#javascript-inlining

 

[gabelo]

Ja, da häng ich jetzt seit Stunden fest.
Andersrum geht es ja - ich kann ein Thymeleaf Objekt einer Javascript Variable zuordnen.
Aber wie ich jetzt dem Thymeleaf Objekt den Wert der Variable zuordne, krieg ich einfach nicht raus.
Hast du ein Beispiel oder so? Auch mit DOM etc komm ich nicht weiter

Danke

 

[KonradN]

Aber wie ich jetzt dem Thymeleaf Objekt den Wert der Variable zuordne, krieg ich einfach nicht raus.

Das ist doch das, was gar nicht gehen kann. Du hast die Rendering Engine von Thymeleaf - diese wertet die Thymeleaf Elemente aus und erstellt ein HTML Code, der dann weiter gegeben wird an den Browser. Wenn der Browser dann die Webseite mit dem JavaScript hat, dann gibt es keine Thymeleaf Dinge mehr sondern nur noch die von der Rendering Engine generierte Ausgabe.

 

[Dimax]

/*<![CDATA[*/
    var set=/*[[${ben.name}]]*/;
        /*]]>*/

 

[httpdigest]

Siehe halt den Link, den ich bei #2 gepostet hatte:

Du kannst natürlich auch Thymeleaf benutzen, um ein inline-JavaScript Snippet zu rendern und darin Variablen zu interpolieren: https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#javascript-inlining

 

[KonradN]

Wobei das ja wohl nicht das ist, was er will - er will dann im Javascript dem Thymeleaf Objekt noch irgendwas zuweisen.

Evtl. habe ich ihn da aber auch einfach nur falsch verstanden. Wenn man genauer wüsste, was er genau vor hat, dann könnte man da bestimmt besser unterstützen.