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: Could not parse as expression: " 0, 'asc' "

所以即使我把我的js代码放到了

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

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

Answer 1

你可以将它移到它自己的 block 中:

<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' ] ]
});