Firebase對象將DOM元素返回到DOM元素的對象

在Firebase項目上進行操作，在該項目中，我獲取了有關放入變量的child_changed事件的數據。Firebase對象將DOM元素返回到DOM元素的對象

receipeList = childSnapshot.child('meals/0').val()

在控制檯中，使用FB中的數據，我得到2個對象。

我的問題是，我怎麼能得到這個數據在列表或表格（DOM中的任何簡單）？反覆如下：

for(var key in receipeList) { 
    var val = receipeList[key]; 
    var $currentRecipe = $('#contentRecipe'); 
    $currentRecipe.prepend(
    '<div class="row"><div class="col-md-4" id=' + key + '>' + key + '</div>'   + '<div class="col-md-4">' + val + 
    '</div>' 
    ); 
    $currentRecipe.append(
    '</div>' 
    ); 
    };

這將得到關鍵和值。最好我想只有一次鍵（如標題/頂層列表）和列出的每個鍵的相關值。像：

Product | Supplier | {etc} 
-------------------------- 
Appel | Tree  | ... 

Water | Source | ...

幫助非常感謝。我很抱歉，如果我錯過了顯而易見的事實，但我真的已經通過無數次嘗試，當然還有問題/答案。

順便說一句，我不是（也不希望這樣做）與PHP合作。我的項目完全使用Firebase數據庫上的HTML，CSS和JS構建。目前已經實現了很多項目，包括DataTables.js。只是這是某種程度上我無法獲得粘貼的障礙。我非常讚賞，因爲我只是認爲自己的JS是職業變化。

來源

2015-02-10 Rich74_2013

可以顯示_receipeList_對象的模樣？ – pumpkinzzz 2015-02-10 11:47:25

也許這樣？

var receipeList = {key1: "value1", key2: "value2"}; 

for(var k in receipeList){ 
    //dinamically create list if not already exists 
    if($("#"+k).length === 0) 
     $("<ul id='"+k+"'>'"+k+"'</ul>").appendTo("body"); 

    $("<li>"+receipeList[k]+"</li>").appendTo("#"+k); 
}

simple DEMO 和multiple objects DEMO

來源

2015-02-10 12:01:02 pumpkinzzz

對不起，遲到了，被綁在其他東西。並忽略第一個問題：/但偉大的東西，對象是「正確猜測」，並且你的解決方案（本頁上的1，其他通過「多個對象演示」）完美地工作！很大的幫助和感謝！ – 2015-02-13 11:46:31

對於其他與Firebase合作的人員，我們也在下面找到了一個工作示例。如果您想檢查自己的Firebase，只需更改第一個變體中的引用即可。 Firebase – 2015-02-13 12:00:24

Firebase對象將DOM元素返回到DOM元素的對象

回答

相關問題