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

Answer 2

從Thymeleaf 3開始，您還可以將屬性th:inline="none"到腳本標記（或DOM樹中的任何其他標記，如果要將其應用於其所有子項）。

請參閱： 在Thymeleaf 3 Doc中禁用內聯