javascript - jsRender ，带空格的json列名

Question

如何使用包含空格字符的键名“字段 ID”引用列/字段名称？“dtTime”也显示为 NaN。

<script id="jsRendTmp" type="text/x-jquery-tmpl">
    <li>{{:#Field ID}}</li>
    <li>{{:#dtTime}}</li>

//这是正确的做法（感谢鲍里斯）

<li>{{:#data['Field ID']}}</li>
<li>{{:#data['dtTime']}}</li>

</script>

这是数据：

测试数据：[{“字段 ID”：“22”，dtTime：“2021 年 8 月 1 日”}，{“字段 ID”：“33”，dtTime：“2021 年 8 月 2 日”}]

Answer 1

你可以得到这样的值：

{{:#data['Field ID']}}

如果您还想检测键名并呈现它，请查看此示例： 03_iterating-through-fields-scenario - code here。

Answer 2

你可以用一个助手来做到这一点：http: //jsfiddle.net/imsky/B8ks2/

<script id="jsRendTmp" type="text/x-jquery-tmpl">
    <div style="margin:10px 0">Title</div>
    {{for ~getFields()}}
    <li>{{>key}}: {{>value}}</li>
    {{/for}}
</script>

⁠

var data = [ { "Field ID": "22", dtTime: "8/1/2021" }, { "Field ID": "33", dtTime: "8/2/2021" } ];

    $.views.helpers({
        getFields: function( object) {
            var object = this.data;
            var key, value,
                fieldsArray = [];
            for ( key in object ) {
                if ( object.hasOwnProperty( key )) {
                    value = object[ key ];
                    // For each property/field add an object to the array, with key and value
                    fieldsArray.push({
                        key: key,
                        value: value
                    });
                }
            }
            // Return the array, to be rendered using {{for ~fields(object)}}
            return fieldsArray;
        }
    });

$("#content").html($("#jsRendTmp").render(data));