jsRender ，带空格的json列名答案

【问题标题】：jsRender , json column name with spacejsRender ，带空格的json列名
【发布时间】：2012-08-28 01:27:26
【问题描述】：

如何使用包含空格字符的键名“字段 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 日” } ]

【问题讨论】：

标签： javascript json jsrender

【解决方案1】：

你可以得到这样的值：

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

如果您还想检测键名并进行渲染，请查看以下示例： 03_iterating-through-fields-scenario - 代码here。

【讨论】：

这就是我需要的！！！我正要在你的博客上发帖。谢谢鲍里斯。再次感谢您提供的最佳渲染库！！！

【解决方案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));

【讨论】：

看起来不错，但有点矫枉过正。我一直在寻找简单的东西:) 我想我会改变后端以带来“有效”的名字。