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 docs。