firebase - 带加载指示器的 Firebase

Question

使用它时如何添加加载指示？

new Firebase('url/data').on('child_change',function() {
   // do somthing here, which may take x time per operation
})

Answer 1

怎么样：预先将加载指示器添加到 DOM，然后value在位置完成加载时使用事件将其隐藏，类似于（jQuery 为简洁起见）：

var $load = $('<div class="loading">Loading...</div>').appendTo('body')
  , db = new Firebase('url/data')

db.on('value', function () {
  $load.hide()
})

value当数据更改时将再次触发，因此请确保事件类似于“删除此类”而不是“切换此类”。

阅读有关不同事件的信息：Firebase 文档。