Thymeleaf-取消内联JavaScript表达式的一部分的引号

Question

我有一个springboot项目，需要呈现脚本元素的一部分，如下所示。（假设getMessage函数是在其他地方定义的。）

预期产出：

<script type="text/javascript">
    /*<![CDATA[*/
    var message = 'Hello, John' + getMessage();
    alert(message);
    /*]]>*/
</script>

其中John是Spring模型属性。

是否可以使整个'Hello， John'getMessage（）在一个Thymeleaf表达式中？或者，将Hello， John和getMessage（）分配给单独的JavaScript变量，然后将它们连接起来是唯一的方法吗？我尝试了以下内容，但似乎内联的JavaScript表达式总是被引用。

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var message = /*[[|'Hello, ${name}' + getMessage()|]]*/ 'Hello, John';
    alert(message);
    /*]]>*/
</script>

实际产出：

<script type="text/javascript">
    /*<![CDATA[*/
    var message = "'Hello, John' + getMessage()";
    alert(message);
    /*]]>*/
</script>

顺便说一下，我使用的是Thymeleaf2.1。

Answer 1

发现通过使用特殊注释语法/*[…]*/ 我可以取消引用thymeleaf表达式后面的部分。

/*[+
var message = [[|Hello, ${name}|]] + getMessage();
+]*/

结果:

var message = 'Hello, John' + getMessage();

在胸腺叶2.1工程。

Answer 2

[…] 符号用于转义内联：它将内联中的所有内容转换为格式良好的Javascript字符串。

因为您还想调用某些东西，所以需要使用[（…）] 符号：

js prettyprint-override">var message = /*[('Hello, ${name}' + getMessage())]*/ 'Hello, John';

但是，请注意，这种方式不会自动获得转义字符串，因此如果${name}包含单引号字符（”），则会得到格式不正确的javascript表达式。你需要设法解决这个问题。

更多信息： Thymeleaf： Javascript内联