我想我有一个非常简单的问题，很难说出来，因此很难找到解决方案。设置:

paths = new PathCollection()
paths.fetch()

最佳答案

所以我写了几个关于使用 parse() 的答案和 set()实例化和填充子模型和子集合(嵌套数据)。但是，我还没有看到一个真正全面的答案来整合我所看到的许多实践中的一些。当我写很多东西时，我倾向于漫无边际，所以我可能会离题一点，但这可能对遇到类似问题的人有用。

有几种方法可以做到这一点。使用 parse()是一个。操纵set()是另一个。在您的 initialize() 中实例化这些是另一个。在 Path 模型之外做这一切是另一回事(例如 path = new Path(); path.nodes = new NodeCollection(); 等)

第二个考虑是这个。您是否希望节点和边集合成为模型属性？还是模型属性？

哦，这么多选择。很多自由，但有时(令我们沮丧)它使确定“正确方式”变得更加困难。

由于这种情况经常出现，我将写一篇长篇文章并逐一浏览这些内容。所以请耐心等待我继续更新这个答案。

在模型之外做 - 简单直接

当您只在特定模型或集合上需要它时，这通常是添加嵌套模型和集合的简单方法。

path = new PathModel();

path.nodes = new NodeCollection();
path.edge = new EdgeCollection();

// Continue to set up the nested data URL, etc.

Path = Backbone.Model.extend({
    initialize: function() {
        this.nodes = new NodeCollection();
        this.paths = new PathCollection();

        // Maybe assign a proper url in relation to this Path model
        // You might even set up a change:id listener to set the url when this
        // model gets an id, assuming it doesn't have one at start.
        this.nodes.url = this.id ? 'path/' + this.id + '/nodes' : undefined;
        this.paths.url = this.id ? 'path/' + this.id + '/paths' : undefined;
    }
});

// Path model JSON example with nested collections JSON arrays
{
    'name':'orange site',
    'url':'orange.com',
    'nodes':[
        {'id':'1', 'nodeColor':'red'},
        {'id':'2', 'nodeColor':'white'},
        {'id':'3', 'nodeColor':'blue'}
    ],
    'edge':[
        {'id':'1', 'location':'north'},
        {'id':'1', 'location':'south'},
        {'id':'1', 'location':'east'}
    ]
}

parse: function(response) {

    // Check if response includes some nested collection data... our case 'nodes'
    if (_.has(response, 'nodes')){

         // Check if this model has a property called nodes
        if (!_.has(this, 'nodes')) {  // It does not...
            // So instantiate a collection and pass in raw data
            this.nodes = new NodeCollection(response.nodes);
        } else {
            // It does, so just reset the collection
            this.nodes.reset(response.nodes);
        }

        // Assuming the fetch gets this model id
        this.nodes.url = 'path/' + response.id + '/nodes';  // Set model relative URL

        // Delete the nodes so it doesn't clutter our model attributes
        delete response.nodes;
    }

    // Same for edge...

    return response;
}

set: function(attributes, options) {
    // If we pass in nodes collection JSON array and this model has a nodes attribute
    // Assume we already set it as a collection
    if (_.has(attributes, 'nodes') && this.get("nodes")) {
        this.get('nodes').reset(attributes.nodes);
        delete attributes.nodes;
    } else if (_.has(attributes, 'nodes') && !this.get('nodes')) {
        this.set('nodes', new NodeCollection(attributes.nodes));
        delete attributes.nodes;
    }

    return Backbone.Model.prototype.set.call(this, attributes, options);
}

关于javascript - 主干模型的转换/初始化子模型，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12350218/