使用 javascript 和 thymeleaf 来操作列表答案

【问题标题】：Using javascript & thyemleaf to manipulate a list使用 javascript 和 thymeleaf 来操作列表
【发布时间】：2016-10-29 19:21:50
【问题描述】：

我想在 javascript 中使用来自控制器的列表中的对象。我将 Thymeleaf 与 Spring boot 一起使用。

列表名称是${collaborateurs}。

下面的代码正在运行：

<script th:inline="javascript">

      /*<![CDATA[*/
  
         var user = /*[[${collaborateurs[0].email}]]*/;
		 alert(user);

       /*]]>*/
	
</script>

但我想使用一些变量作为索引：

<script th:inline="javascript">

      /*<![CDATA[*/
         var i = 1; // may be 0, 1, ....
         var user = /*[[${collaborateurs[i].email}]]*/;  // this code is not working
         alert(user);

       /*]]>*/
	
</script>

感谢您的帮助！！

【问题讨论】：

等等，你还有什么问题？

标签： javascript jquery spring thymeleaf

【解决方案1】：

我通过尝试将列表 ${collaborateurs 直接分配给 javascript 变量并直接从客户端访问我的对象找到了解决方案：

<script th:inline="javascript">
		
      /*<![CDATA[*/
        var i = 1
        var users = /*[[${collaborateurs}]]*/;
	alert(users[i].email);
      /*]]>*/
	
</script>

【讨论】：