获取对象百里香叶答案

【问题标题】：Get object thymelaf获取对象百里香叶
【发布时间】：2018-04-25 09:03:52
【问题描述】：

我有一个这样的for:each：

<tbody>
    <tr th:each="bill : ${bills}" id="bill">
        <td th:text="${bill.bill_id}"></td>
        <td th:text="${bill.client.phone}"></td>
        <td th:text="${bill.date}"></td>
        <td><a href="#" class="btn btn-info btn-xs" data-toggle="modal" 
    id="open-modal">Ver detalles</a></td>
    </tr>
</tbody>

问题是我如何才能将整个 ${bill} 获取到 JavaScript 或 jQuery 中的变量，因为我需要更多信息。我看了文档，上面写着：

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

    var user  name = /*[[${bill}]]*/ '';

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

我已在外部 JavaScript 文件上尝试过此方法，但它不起作用。

【问题讨论】：

标签： javascript spring spring-boot thymeleaf

【解决方案1】：

如果你使用的是 Thymeleaf 3，这就足够了

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

你必须把它放在.html 文件中，因为默认情况下它处理.html 文件。您可以将其添加到您的.html 文件中，并且它将在.html 文件中上述代码之后包含的脚本中可用

【讨论】：

【解决方案2】：

您可以在 HTML 中使用“数据”属性：

<td th-data:id="${bill.id}" th-data:name="${bill.nome}" class="js-datas">

在你的javascript中，你可以得到：

var id = $('.js-datas').data('id');
var nome = $('.js-datas').data('name');

您必须在 HTML 中使用以下命名空间：

xmlns:data="http://www.thymeleaf.org/extras/data"

【讨论】：