Thymeleaf 标签在 html() 中不起作用 javascript

Question

我尝试检索 json 数据并将值写入 HTML 页面

在 HTML 页面中，例如，工作正常，

   <span th:text="#{info.name}"> : </span>

但是，我想从 javascript 发送数据，如下所示，没有返回。

     <script>
        $(document).ready(function(){ 
           $("#nameLabel").html("<span th:text='#{info.nameLabel}'></span>");
                    }); 
     </script> 
                    
     <div > 
        <span id="nameLabel"></span> 
     </div>

  

是否可以从 HTML() 方法添加 Thymeleaf 标记？

我很感激任何帮助。 谢谢你。

Answer 1

Thymeleaf 是一个服务器端模板引擎。 这意味着它会处理您的代码并将其转换为浏览器可以运行的 output。

如果要在 Thymeleaf 中运行 JS，则必须进入 TEXTUAL 模式并以兼容的方式编写 JS。

但请记住 - 您可以在其中编写的这个 JS 不在<script>标记内 - 相反，它们是服务器中的 .js 文件。

这是文档中的一个示例：

 var greeter = function() { var username = [[${session.user.name}]]; [# th:each="salut: ${salutations}"] alert([[${salut}]] + " " + username); [/] };

Answer 2

你可以这样使用：

<script th:inline="javascript">
   var text = [[${info.nameLabel}]];
   ....
</script>