如何通过百里叶正确地将Spring模型的字符串值转换成JavaScript的字符串变量？

Question

我用的是Spring Boot 2.0.6.RELEASE，百里香3，剑道UI jQuery(用这个组件https://docs . telerik . com/Kendo-UI/API/JavaScript/UI/dropdownlist/configuration/value)

代码html(百里香模板)

<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'然后它不会导致错误。

如何将< code >[[* { province orcity }]]正确转换为JavaScript字符串变量？

Answer 1

只需用引号将其括起来 - 该值在脚本运行之前注入，因此将插入值，然后JavaScript将创建一个字符串。

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