javascript - 如何通过 Thymeleaf 将字符串值从 Spring 模型正确转换为 JavaScript 的字符串变量？

Question

我正在使用 Spring Boot 2.0.6.RELEASE、Thymeleaf 3、Kendo UI jQuery(使用此组件 https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/value)，

html 代码(Thymeleaf 模板)

<td><label th:for="provinceOrCity">Tỉnh/TP</label></td>
<td>
    <input type="text" th:field="*{provinceOrCity}" class="k-textbox" style="width: 100%;">
    <script>
        $(document).ready(function () {
            var dataProvince = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "/provinces",
                        dataType: "json"
                    }
                },
                pageSize: 300
            });
            // create DropDownList from input HTML element

            /*<![CDATA[*/
            var intrinsic = [[*{provinceOrCity}]];
            var foo = intrinsic.toString();
            /*]]>*/

            $("#provinceOrCity").kendoDropDownList({
                dataTextField: "text",
                dataValueField: "value",
                dataSource: dataProvince,
                filter: "contains",
                //filter: "startswith",
                suggest: true,
                //index: 0,
                change: onChangeProvince,
                //value: "Hà Nội"
                value: foo
                //value: [[*{provinceOrCity}]]
            });
        });
        // Create DropDownList from select HTML element
        //$("#provinceOrCity").kendoDropDownList();
        //var provinceOrCity_combo = $("#provinceOrCity").data("kendoDropDownList");
        //provinceOrCity_combo.select(0);
        function onChangeProvince() { }
    </script>
</td>

在控制台屏幕截图中，您看到 Hà Nội ，我想要一个字符串变量 "Hà Nội" 或 'Hà Nội' 然后它会不会导致错误。

如何将[[*{provinceOrCity}]]正确转换为JavaScript字符串变量？

Answer 1

只需将它括在引号中 - 值在脚本运行之前注入(inject)，因此值将被插入，然后 JavaScript 将生成一个字符串。

var intrinsic = "[[*{provinceOrCity}]]";