Thymeleaf与JavaScript的踩坑

• 以前用jsp的时候，在js中用${abc}就可以拿到后台model.addAttribute中key为abc的值，但是在Thymeleaf中，必须得先在js标签上这么写：

<script th:inline="javascript">

然后用[[ ${abc} ]]拿到值，同时记住

<script th:inline="javascript">
    projects=JSON.parse([[${subjects}]])
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,cols:
                [
                    [ //表头
                        {field: 'id', title: 'ID', width:80, sort: false, fixed: 'left'},
                        {field: 'subjname', title: '课设题目', width:80},
                        {field: 'teachername', title: '负责老师', width:80}
                    ]
            ],
            data:projects,//[{"id":"0","name":"adsf","teachername":"asdf"}],
            skin: 'line' //表格风格
            , even: true
            , page: true //是否显示分页
            , limits: [10, 20, 30]
            , limit: 10 //每页默认显示的数量

        });

    });
</script>

里面的cols:[[……]]一定不能写成下面这样：

<script th:inline="javascript">

然后用[[ ${abc} ]]拿到值，同时记住

<script th:inline="javascript">
………………
            cols:[[ //表头
                        {field: 'id', title: 'ID', width:80, sort: false, fixed: 'left'},
                        {field: 'subjname', title: '课设题目', width:80},
                        {field: 'teachername', title: '负责老师', width:80}
                    ]],
………………
</script>

因为Thymeleaf会以为是内联[[${……}]]，很扯。