Question

我有我的观点：

var ProductsView = Backbone.View.extend({

    initialize: function(){
        var that = this;
        this.collection.fetch({
            success: function()
                {
                    console.log("fetcheo");
                    that.render();
                }
        });

        this.listenTo(this.collection, "reset", this.render);
    },

    render: function(){

        var cats = [];
        this.collection.each(function(model)
                            {
                                cats.push(model.get('familia'));
                            });
        this.cats = _.uniq(cats, false);
            console.log(this.cats) // It returns ["VINOS", "CERVEZA", "BOTANA"]
        this.$el.html(Handlebars.templates.products(this.cats));
        return this;
    }
});

这是预编译的Handlebar模板：

<h1>Y LOS MODELOS SON</h1>
<ul>
{{#each cats}}
<li>
{{this}}
</li>
{{/each}}
</ul>

但它没有呈现this.cats数组; 这不是一个集合问题（）我已经修复了早期的问题。谢谢你的帮助...

Answer 1

您只需将对象包装在“cats”属性中：

this.cats = { cats: _.uniq(cats, false) }

请注意，当您使用{{#each cats}}时，渲染器会查找名为“cats”的属性。您的变量名称是“cats”，但渲染器根本看不到它。

Fiddle demo

预编译的车把模板不呈现

1 个答案: