來自外部JSON文件的Backbone.js模型

Question

我是Backbone的新手。 你能給我一個提示我在這里想念什么嗎？

這是我的模型：

var Item = Backbone.Model.extend({

  url: 'json/item.json',

  parse: function(response){
    return response.item;
  },
});

var item = new Item();
item.fetch();

在控制台“ item.toJSON（）;”中 將結果顯示為預期的結果-ID，標題等。但是當項目通過視圖傳遞到模板時

...
this.$el.append( template( item.toJSON() ) );
...

它不能選擇任何屬性-例如item.title-> undefined。

json文件如下所示：

{
"item":{
    "title": "something something",
     .....
     }
}

Answer 1

你打電話時：

var item = new Item();
item.fetch();

此代碼可能不同步 ，對嗎？

因此，當您立即嘗試渲染時，獲取尚未完成！

您可以在控制台中看到該對象，因為它已被填充。

您的提取可能應該接受回調或返回Promise，以便在提取完成時通知您。

var item = new Item();
item.fetch().then(function(fetchedItem){
  console.log(item === fetchedItem) // true
  this.$el.append( template( item.toJSON() ) );
}.bind(this));