从百里香获取对象到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种解决方案。

图像删除错误

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>