Javascript：为 Thymeleaf 转义双方括号

Question

我正在使用 Thymeleaf + Datatables.js。

我想在 javascript 中对我的数据表应用默认排序，如下所示：

<script type="text/javascript" th:inline="javascript" class="init">

/*<![CDATA[*/

$(document).ready(function() {
    $('#myTable').DataTable({
        "order" : [[ 0, 'asc' ]]
    });
});

/*]]>*/

</script>

但是，我得到了由 Thymeleaf 引起的以下异常：

org.thymeleaf.exceptions.TemplateProcessingException：无法解析为表达式：“0，'asc'”

所以即使我将我的 js 代码放入

/*<![CDATA[*/ ... /*]]>*/

Thymeleaf 仍然想将其解析为表达式。如何转义双方括号？

Answer 1

您可以将其移动到它自己的块中：

<script type="text/javascript" th:inline="none" class="init">
/*<![CDATA[*/
$(document).ready(function() {
    $('#myTable').DataTable({
        "order" : [[ 0, 'asc' ]]
    });
});
/*]]>*/
</script>

<script type="text/javascript" th:inline="javascript" class="init">
/*<![CDATA[*/
// other javascript with thymeleaf variables in it goes here
/*]]>*/
</script>

您可以以不同的方式格式化订单：

$('#myTable').DataTable({
    "order" : [
      [ 0, 'asc' ]
    ]
});

或者

$('#myTable').DataTable({
    "order" : [ [ 0, 'asc' ] ]
});