firebase - how to display fetch data form firebase in backbone?

Question

I am learning backbone.js. I am using firebase for API. I can't able to display data. Can anyone help me please?

I follow instruction mention on https://github.com/firebase/backbonefire.

var realtimeList = new RealtimeList();
realtimeList.on('sync', function(collection) {
  console.log('collection is loaded ', collection);
//  todoView.render();
});

Collection is object.

DEMO

Answer 1

您的视图元素不是 DOM 的一部分。您需要将其添加到 DOM。el为了演示，我使用了属性来这样做。

您还需要对返回的 JavaScript 对象进行字符串化toJSON()以在 DOM 中显示。

更新了演示。

您的 API 目前正在返回空集合，因此我使用本地创建的 todoItem 模型进行演示。但它不是 Firebase 集合的一部分。您需要传递集合以查看和呈现其中的模型，以便查看实时数据。