Backbone + Handlebars：模板未获取数据

Question

我正在将数据从我的主干视图发送到把手模板（js fiddle：http://jsfiddle.net/8NhjD/），如下所示：

this.$el.html(this.template({
        users: that.users.toJSON(),
        audiences: that.audiences.toJSON()
}));

我正在尝试访问这样的用户和受众列表：

<select name="user" class = "form-control">
{{#each users}}
    <option value="{{name}}">{{name}}</option>
{{/each}}
</select>

但用户和受众的下拉菜单是空的。我在这里做错了什么？

Answer 1

将集合获取从视图的初始化方法移动到路由处理程序解决了这个问题。

Answer 2

您的问题是您正在传递模型，这些模型不直接公开它们的属性。试试这样的：

this.$el.html(this.template({
        users: that.users.toJSON(),
        audiences: that.audiences.toJSON()
}));

更新：

没有完整的小提琴，很难看出你哪里出错了。这是一个工作小提琴：http://jsfiddle.net/moderndegree/qW7Tz/

HTML：

<script id="thing-template" type="text/x-handlebars-template">
<ul>
    {{#each things}}
    <li>{{this.thing}}</li>
    {{/each}}
</ul>
</script>
<div id="thing-view"></div>

JS：

var ThingModel = Backbone.Model.extend({}),
    ThingCollection = Backbone.Collection.extend({
        model: ThingModel
    }),
    ThingView = Backbone.View.extend({
        el: '#thing-view',
        template: Handlebars.compile($("#thing-template").html()),
        initialize: function(){
            this.things = new ThingCollection([{thing: 'purple'}, {thing: 'monkey'}, {thing: 'dishwasher'}]);
        },
        render: function(){
            console.log(this.things.toJSON());
            this.$el.html(this.template({
                things: this.things.toJSON()
            }));
            return this;
        }
    });
var view = new ThingView().render();