javascript - 使用 _.template 将 JSON 字符串转换为下划线模板

Question

http://jsfiddle.net/rBhfx/6/

我正在尝试使用 JSON 字符串输出到下划线模板:

var renderFurniture = function() {
    var list = $('#list-json').text(),
        template = _.template( $('#furniture-template').html() ),
        compiled = template(list);
        return compiled;
}

var $furnitureList = renderFurniture();

$('body').append($furnitureList);

但它只是输出“Result”。

我在这里做错了什么？ JSON 格式是否正确？谢谢!

以及 HTML 和模板:

<div id="list-json">   
{
    "name": "Chair",
    "title": "Chairs",
    "items": [
        {
            "name": "Recliner",
            "title": "Recliner Chair",
            "type": "Chair",
            "quantity": "1"
        },
        {
            "name": "Club/Armchair",
            "title": "Club/Armchair",
            "type": "Chair",
            "quantity": 1
        }
    ]
}
</div>

<div class="accordion fl" id="items-index">
    <div class="accordion-group">
    </div>
</div>



<!-- Template -->
<script type="text/html" id="furniture-template">
    <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" href="#items-group1">
            <%= name %>
        </a>
    </div> <!-- header -->
</script>

Answer 1

您需要使用$.parseJSON或JSON.parse来解析JSON

var renderFurniture = function() {
    var list = $('#list-json').text(),
        template = _.template( $('#furniture-template').html() ),
        compiled = template( $.parseJSON(list) );
        return compiled;
}   

fiddle