在 Javascript 中使用的 Thymeleaf 中创建一个自定义变量

Question

我返回的对象是这样的列表：

data = [{'phone': '321-321-321',
          'email': 'test@test.com'
         },
        {'phone' : '123-123-123', 
         'email': 'bc@bcc.com'
        }]

我需要一个在 Javascript 中使用的自定义变量，看起来像这样（实际上是一个本地存储变量）： //Javascript 变量需要遍历数据并创建一个逗号分隔的列表：

//var emails = 'test@test.com, bc@bcc.com'

有什么有效的方法吗？

Answer 1

我不确定我是否理解正确，但是你可以像这样将 Spring 对象分配给 javascript 变量：

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

var username = /*[[${session.user.name}]]*/ 'Sebastian';

...
/*]]>*/
</script>

documentation

Answer 2

您可以使用

在 dom 中存储数据

<div style="display: none" id="data" th:data-form-data="${formData}"></div>
//Access using document.querySelector("#id").dataset

在 Javascript 中使用的 Thymeleaf 中创建一个自定义变量

Create a custom variable in Thymeleaf that is used in Javascript

local-variables

inline-code

thymeleaf