アンダースコア.jsを使用してJSONオブジェクトを出力するにはどうすればよいですか？

Question

バックボーンの例でunderscore.jsテンプレートライブラリを使用しています。 JSONオブジェクトは、次のようになります

<script id="results-template" type="text/template"> 
    <h2><%= title %></h2> 
</script> 

：

{"src":"placeholder.jpg","title":"an image placeholder","coordinates":[0,0],"tags":["untagged"],"location":"home"} 

私は私のテンプレートでこのオブジェクトを解析しようとしていますが、私は私のコンソールを介して取得エラーは次のとおりです。

マイテンプレートはこのようになります

Uncaught ReferenceError: title is not defined 

私は間違っていますか？ライブフィドルはここにある：http://jsfiddle.net/amit_e/muLjV/46/

Answer 1

あなたの問題は、このです：

JSON.stringify(myPhoto) 

これは

myPhoto.toJSON() 

理由にする必要がある：あなたのJSON.stringify() JSON 文字列として全体myPhotoモデルを配置します。あなたはタイトルだけを表示したい場合は、全体のJSONを処理するために必要とされていないhttp://jsfiddle.net/saelfaer/muLjV/50/

Answer 2

：あなたはmodel.toJSON()

更新jsfiddleを使用することができますので、今、バックボーンは、JSONオブジェクトとして出力JSONにこの機能を持っています写真のモデル。ただ1つのプロパティを取得できます。

レンダリング以下で十分です。

render: function(event){ 
    var yourOutput={title:myPhoto.get('title')}; 
    var compiled_template = _.template($("#results-template").html(),yourOutput); 
    this.el.html(compiled_template);   
} 

現在のJSONオブジェクトは次のとおりです。それほど複雑ではありません、タイトル、src、座標、タグ、場所のどれも努力なしで得ることができます。

{ 
    "src": "placeholder.jpg", 
    "title": "an image placeholder", 
    "coordinates": [0,0], 
    "tags": ["untagged"], 
    "location": "home" 
}