帶加載指示燈的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。