jsrender - 如何使用 JsRender 渲染 JSON 对象的属性名称？

Question

我有一个带有动态属性名称的 JSON 对象。如何使用 JsRender 渲染属性名称？我一直在查看 JsRender 演示页面中的示例，但找不到方法。

示例:

{
    'prop1': '123',
    'prop2': '456'
}

预期输出:

1. prop1 = 123
2. prop3 = 456

JsFiddle:http://jsfiddle.net/kvuZC/

更新工作 JsFiddle:http://jsfiddle.net/B76WP/

Answer 1

您可以使用助手迭代字段

$.views.helpers({
    getFields: function( object ) {
        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;
    }
});

代码来自'Iterating through fields' scenario

{{for ~getFields(details)}}
   <b>{{>key}}</b>: {{>value}}
{{/for}}