javascript - bone.js - 每个列表项包含 3 个项目的列表

Question

我的页面上有一个列表 ( <ul></ul>)，我想将其建模为一个主干.js 集合。让我们调用模型 Animal，然后我有一个 Animals 集合和一个 AnimalView。现在对于我拥有的每个列表项，而不是一只动物，三只动物。所以像：

• 动物1，动物2，动物3
• 动物4，动物5，动物6

现在我的问题是在backbone.js 中这样做的正确方法是什么？我可以在每个模型中拥有三只动物，但感觉不对。

Answer 1

您可以将集合嵌套在其他集合中而不会出现任何问题

var Animal = Backbone.Model.extend();
var Cage = Backbone.Collection.extend({model: Animal});
var Zoo = Backbone.Collection.extend({collection: Cage});

new Zoo([ 
    new Cage([
        new Animal(), 
        new Animal()
    ]), 
    new Cage([
        new Animal(), 
        new Animal()
    ])
]);