Backbone.Model：将集合设置为属性

Question

我是骨干新手，面临以下问题。我试图模仿某种“有很多关系”。为了实现这一点，我添加了以下代码来初始化模型中的方法：

defaults: {
  name: '',
  tags: []
},
initialize: function() {
  var tags = new TagsCollection(this.get('tags'));
  tags.url = this.url() + "/tags";
  return this.set('tags', tags, {
    silent: true
  });
}

如果我通过集合获取模型，此代码效果很好。据我了解，第一个集合获取数据，然后这个集合用这些数据填充模型。但是当我尝试加载单个模型时，我的属性被纯 Javascript 数组覆盖。

m = new ExampleModel({id: 15})
m.fetch() // property tags get overridden after load

和回应：

{
  name: 'test',
  tags: [
     {name: 'tag1'}, 
     {name: 'tag2'}
  ]
}

有人知道如何解决这个问题吗？

还有一个问题。有没有办法检查模型是否已加载。是的，我知道我们可以在 fetch 方法中添加回调，但是像 model.isLoaded 或 model.isPending 这样的东西呢？

谢谢！

Answer 1

“当我尝试加载单个模型时，我的属性被纯 Javascript 数组覆盖”

您可以覆盖Model#parse 方法以保持您的集合被覆盖：

parse: function(attrs) {

    //reset the collection property with the new
    //tags you received from the server
    var collection = this.get('tags');
    collection.reset(attrs.tags);

    //replace the raw array with the collection
    attrs.tags = collection;

    return attrs;
}

---

“有没有办法检查模型是否加载？”

您可以将模型与其默认值进行比较。如果模型处于默认状态（除了 id），它不会被加载。如果没有，则已加载：

isLoaded: function() {

    var defaults = _.result(this, 'defaults');
    var current  = _.wíthout(this.toJSON(), 'id');

    //you need to convert the tags to an array so its is comparable
    //with the default array. This could also be done by overriding
    //Model#toJSON
    current.tags = current.tags.toJSON();

    return _.isEqual(current, defaults);
}

或者，您可以连接到 request、sync 和 error 事件以跟踪模型同步状态：

initialize: function() {
    var self = this;

    //pending when a request is started
    this.on('request', function() {
        self.isPending = true;
        self.isLoaded = false;
    });

    //loaded when a request finishes
    this.on('sync', function() {
        self.isPending = false;
        self.isLoaded = true;
    });

    //neither pending nor loaded when a request errors
    this.on('error', function() {
        self.isPending = false;
        self.isLoaded = false;
    });
}