Thymeleaf kullanarak Spring modelinden bir JavaScript değişkeni kurma

Thymeleaf'i şablon motoru olarak kullanıyorum. Spring modelinden JavaScript değişkenine bir değişkeni nasıl geçiririm?

Yay tarafı:

@RequestMapping(value = "message", method = RequestMethod.GET)
public String messages(Model model) {
    model.addAttribute("message", "hello");
    return "index";
}

İstemci tarafı:

<script>
    ....
    var m = ${message}; // not working
    alert(m);
    ...
</script>

Resmi belgelere göre :

<script th:inline="javascript">
/*<![CDATA[*/

    var message = /*[[${message}]]*/ 'default';
    console.log(message);

/*]]>*/
</script>

var message =/*[[${message}]]*/ 'defaultanyvalue';

Thymeleaf 3 şimdi:

• Bir sabit göster:

  <script th: inline = "javascript">
  var MY_URL = /*[[${T(com.xyz.constants.Fruits).cheery}]]*/ "";
  </ Script>
  

• Bir değişken görüntüleyin:

  var mesaj = [[$ {mesaj}]];
  

• Veya bir yorumda, şablon dosyanızı statik bir şekilde açtığınızda (bir sunucuda çalıştırmadan) geçerli bir JavaScript koduna sahip olmak.

  Thymeleaf bunu şöyle adlandırır: JavaScript doğal şablonları

  var mesaj = / * [[$ {mesaj}]] * / "";
  

  Thymeleaf, yorumdan sonra ve noktalı virgülden önce yazdığımız her şeyi görmezden gelecektir.

Daha fazla bilgi: http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining

Belgelere göre satır içi yapmanın birkaç yolu vardır.
Duruma göre seçmeniz gereken doğru yol.

1) Değişkeni sunucudan javascript'e koyun:

<script th:inline="javascript">
/*<![CDATA[*/

var message = [[${message}]];
alert(message);

/*]]>*/
</script>

2) Javascript değişkenlerini sunucu tarafı değişkenleriyle birleştirin, örneğin javascript içinde istekte bulunmak için bağlantı oluşturmanız gerekir:

<script th:inline="javascript">
        /*<![CDATA[*/
        function sampleGetByJquery(v) {
            /*[+
            var url = [[@{/my/get/url(var1=${#httpServletRequest.getParameter('var1')})}]] 
                      + "&var2="+v;
             +]*/
            $("#myPanel").load(url, function() {});
        }
        /*]]>*/
        </script>

Çözemediğim tek durum - o zaman javascript değişkenini şablonun içinden çağırarak Java yöntemine geçirmem gerekiyor (sanırım imkansız).

Zaten sayfada thymleaf bulunduğundan emin olun

//Use this in java
@Controller
@RequestMapping("/showingTymleafTextInJavaScript")
public String thankYou(Model model){
 model.addAttribute("showTextFromJavaController","dummy text");
 return "showingTymleafTextInJavaScript";
}


//thymleaf page  javascript page
<script>
var showtext = "[[${showTextFromJavaController}]]";
console.log(showtext);
</script>

Bu tür şeylerin vahşi doğada işe yaradığını gördüm:

<input type="button"  th:onclick="'javascript:getContactId(\'' + ${contact.id} + '\');'" />