骨幹模型空採血後取

Question

var app = {}; 

var FoodModel = Backbone.Model.extend({ 
    url: "http://localhost/food" 
}); 

var FoodCollection = Backbone.Collection.extend({ 
    model: FoodModel, 
    url: "http://localhost/food" 
}); 

var FoodView = Backbone.View.extend({ 
    render: function(){ 
     console.log(this.model.toJSON()); 
    } 
}); 

app.FoodModel = new FoodModel(); 
app.FoodCollection = new FoodCollection; 
app.FoodCollection.fetch(); 


var myView = new FoodView({model: app.FoodModel}) 

在這段代碼中，總的console.log數據返回null在this.model

如果CONSOLE.LOG收集它充滿數據的，我怎麼能在視圖中獲取this.model以反映集合中的數據？

Answer 1

我不確定您的應用觸發的位置是FoodView.render()。當你實例化FoodView時它不會自動發生，當json響應觸發回調到app.FoodCollection.fetch()時，它不會發生，除非您在success回調中手動調用該回調。如果你這樣做，你的上下文可能已經丟失。

此外，在您的代碼中有幾個拼寫錯誤（app.FoodCollection = new FoodCollection();）。如果不是，那麼你能提供確切的代碼嗎？請包括任何代碼調用render()

另外，我不確定您的視圖是與您的模型相關聯。請嘗試：

var FoodView = Backbone.View.extend({ 
    model: FoodModel, 
    render: function(){ 
     console.log(this.model.toJSON()); 
    } 
}); 

否則，Backbone無法知道您所指的是哪種型號。