Wie man code thymeleaf in eine externe javascript-Datei?

Ich habe eine externe javascript-Datei, die erklärt wird in meiner html-Datei mit dem folgenden tag:

<script type="text/javascript" th:inline="javascript" th:src="@{/js/gp-aprobarDocumento.js}"></script>

und in gp-aprobarDocumento.js Sie den code unten gezeigt:

ventanaAprobacion = function(td) 
{
  /*<![CDATA[*/
    idEntregable = $(td).attr("data-row-id");
    idVersion = $(td).attr("data-row-version");
    alert("la siguiente viene con el texto dle properties");
    alert(/*[[${link.menu.page-certificacion-qa-bandeja-entrada}]]*/);
    $(function() {
        $("#dialog-aprobar-documento").dialog("open");
    });
  /*]]>*/
}

Somit ausgeführt, wenn die Funktion das alert-Fenster wird angezeigt leer.

Weiß jemand, wie man thymeleaf Ausdruck in eine externe javascript?

InformationsquelleAutor Premier | 2014-11-27
  1. 8

    Ich denke, dass das, was Sie wollen zu tun, ist es nicht möglich, ich habe eine ähnliche Frage (hier:Wie greifen Sie ein model-Attribut mit javascript-variable)

    aber in Ihrem Fall kann man etwas tun, wie die diese:

    in html:

    <script type="text/javascript" th:inline="javascript" >
    var alertVariable = ${link.menu.page-certificacion-qa-bandeja-entrada};
</script>

    und in der javascript-die folgenden:

    ventanaAprobacion = function(td) 
{
    ...
    alert(alertVariable);
    ...
}

    Ich weiß, dass ist nicht wirklich das, was Sie wollen, aber ich habe das gleiche problem und ich glaube nicht, dass es irgendeine Lösung.

    InformationsquelleAutor Manu Zi
  2. 1

    Über DOM:

    https://datatables.net/examples/data_sources/js_array.html

    Wenn Sie schauen, um erstellen Sie eine JS-variable von einem Thymeleaf Objekt, das Sie hinzufügen können, sagte Objekt des DOM. Ich habe vor kurzem ein Projekt, wo ich zurück Abfrageergebnisse an ein Java-Objekt vom Typ List<> und Hinzugefügt, die das Objekt in der DOM durch meinen Spring Controller. 

      //Deliver Results Array to the DOM
  model.addAttribute("myResult", myResult);

    Nachdem dieses Objekt wird Hinzugefügt, um Ihre Thymleaf template-Modells können Sie es in Ihren HTML-als 

      th:text="${myResult}"

    Können Sie auch auf es Sie im Javascript einfach durch verweisen auf den Namen des Modells ein Objekt aus der DOM. Ich habe nicht in der Lage, um die variable zu füllen in der separaten JS-Datei, ohne dass es global aus der HTML-Datei mit: 

    <script th:inline="javascript">
    var myResult = [[${myResult}]];
</script>

    Meine JS-Datei sieht wie folgt aus

      $(function(){

  //Get Thymeleaf DOM Object
  console.log(myResult);
  });

    Rücksendung Ergebnis von DOM

    Te Objekt in Frage zu Referenz-Lage aus der DOM. Sie können haben eine bessere Leistung mit AJAX und erstellen einen controller, der die Daten zurück an den client über HTTP. Scheint, wie thymeleaf 3 hat andere Lösungen als gut : https://github.com/thymeleaf/thymeleaf/issues/395

    Hoffe, das hilft!

    • Dies sollte die richtige Antwort
    InformationsquelleAutor Pat
Schreibe einen Kommentar