骨干视图不显示模型的值

时间:2013-01-20 01:13:58

标签: javascript backbone.js

我正在编写一个非常简单的主干模型/视图显示。基本上有一个名为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});

http://jsfiddle.net/Cpn3g/886/

1 个答案:

答案 0 :(得分:0)

我想出了这个问题。我应该使用&lt;%=%&gt;而不是&lt; %%&gt;。

语法错误:(