非常に単純なバックボーンモデル/ビューディスプレイを作成しています。基本的に、shortDescriptionと呼ばれるjsonフィールドがあり、に表示する必要があります。ただし、ビュー内で設定した値に関係なく、コードは空を表示しません。
これがコードです、どこで間違っているのですか?
htmlコード:
<div id="itemDetailContainer"></div>
<script type="text/template" id="itemDetailTemplate">
< h3 > <% shortDescription %> < /h3>
</script>
Javascript:
ItemModel = Backbone.Model.extend({
initialize: function () {}
});
ItemDetailView = Backbone.View.extend({
initialize: function () {
this.$el = $("#itemDetailContainer");
this.template = _.template($("#itemDetailTemplate").html());
_.bindAll(this, "render");
this.render();
},
render: function () {
this.$el.html(this.template(this.model.toJSON()));
return this;
}
});
var it = new ItemModel({"shortDescription": "short"});
var v = new ItemDetailView({model: it});