javascript - 如何使用 Backbone 生态模板中的自定义模型功能？

Question

模型

Network.Models.FeedItem = Backbone.Model.extend({
  isPost: function() {
    return this.get('template') === 'post';
  }
})

Network.Models.Post = Backbone.Model.extend({
  urlRoot: '/p',

  hasImageInDetails: function() {
    if(this.get('details').match(/<img[^<]*>[\w\d]*<\/img>|<img[^\/]*\/>/i)) {
      return true
    }
  }
)}

模板 feed_items/post.jst.eco

  <% if @model.hasImageInDetails(): %>
    has image
  <% end %>

观看次数

Network.Views.FeedItemView = Backbone.View.extend({
  initialize: function() {
    var self = this;
    this.template = JST[this.path()];
  },

  render: function() {
    var self = this;
    $(this.el).html(this.template({ model: this.model }));

    if (this.model.isPost()) {
      this.questionView = new Network.Views.FeedItems.Post({
        model: this.model,
        el: this.$el,
        parent: this
      });
    }
  }
});

Network.Views.FeedItems.Post = Backbone.View.extend({
  initialize: function() {
    this.render();
  },

  render: function() {
    var self = this;
  }
});

但是我收到错误:

Uncaught TypeError: Object [object Object] has no method 'hasImageInDetails' 

Answer 1

从您的代码看来，您希望 FeedItemView 处理 FeedItem 类型的模型，因为您调用了方法 model.isPost()，它是在 FeedItem 上定义的。 Eco 找不到的方法是在 Post 模型上定义的，因此从逻辑上讲，其中一个方法将会失败。

您的意思是从 FeedItem 扩展 Post 吗？在这种情况下，而不是:

Network.Models.Post = Backbone.Model.extend({ ... });

您应该这样声明模型:

Network.Models.Post = Network.Models.FeedItem.extend({ ... });