console.log上的集合模型爲空

Question

我在backbone.js中的集合有問題，我做錯了什麼。 這是我的模型

var Point = Backbone.Model.extend({ 
    defaults: { 
     x: 0.0, 
     y: 0.0, 
     z: 0.0, 
    }, 

    validate: function(attrs) { 
     if(!isNumber(attrs.x) || !isNumber(attrs.y) || !isNumber(attrs.z)) 
      return "Discovered NaN point"; 
     else return null; 
    }, 
}); 

我的收藏：

var TrackCollection = Backbone.Collection.extend({ 
    model: Point, 
}); 

和視圖：

var TrackView = Backbone.View.extend({ 
    initialize: function() { 
     _bind('all', this.render, this); 
    }, 

    render: function() { 
     console.log(this.collection.models); 
     return this 
    },   
}); 

在我家的觀點我做的：

var c = new TrackCollection(); 
c.add({ x: 1, y: 1, z: 1}); 
c.add({ x: 1, y: 1, z: 1}); 
c.add({ x: 1, y: 1, z: 1}); 
var v = new TrackView({ 
    collection: c, 
}); 
v.render(); 

爲什麼控制檯.LOG（this.collection.mod ELS）;在render方法中返回一個空數組？ 相反，如果我將它改爲console.log（this.collection）;它返回我的收藏對象..

編輯 這裏主頁視圖

window.HomeView = Backbone.View.extend({ 

    initialize: function() { 
    }, 

    events: { 
     "click #makeIT": "makeIT", 
    }, 

    render: function() { 
     $(this.el).html(this.template()); 
     return this; 
    }, 

    makeIT: function(e) { 

     var c = new TrackCollection(); 
     c.add({ x: 1, y: 1, z: 1}); 
     c.add({ x: 1, y: 1, z: 1}); 
     c.add({ x: 1, y: 1, z: 1}); 

     var v = new TrackView({ 
      collection: c 
     }); 

     v.render(); 
    } 

}); 

如果我複製makeIT內容並把它放在哪裏都是模型，並收集它的作品沒有別的

Answer 1

相同的文件

你的代碼似乎有一些語法錯誤，對於你錯過的錯誤。對於下劃線綁定方法（_.bind），並且在模型視圖和集合中有額外的逗號。

這就是說，它似乎爲我工作，這裏是您的代碼的快速jsfiddle（我將日誌切換到警報）。