javascript - 从 thymeleaf 获取对象到 js

Question

我有一个像这样的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} 获取到 js 或 jquery 中的变量，因为我需要更多信息，我看到了文档，它说:

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

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

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

但是我在外部 js 文件上尝试过这个方法，但不起作用，所以我需要 1 个解决方案。

imagen del error

Answer 1

您可以将 ${bills} 作为 JavaScript 对象，试试这个

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

    var bills = [[${bills}]];  //Make sure this is bills and not bill as you have done it.
    console.log(bills);

/*]]>*/
</script>