javascript - Firebase 数据未在网络中显示

Question

我尝试通过执行此操作来显示 Firebase 中特定表中的所有数据

此表中共有 4 个数据，p1 - p4，但仅显示 1 个结果。

JS:

 var ref = firebase.database().ref().child(uid + '/pickUp');
 var query = ref.orderByKey().limitToLast(100);
 query.on("child_added", function(messageSnapshot) {
                    var keys = Object.keys(messageSnapshot);
                    var messageData = messageSnapshot.val();
                    var key = messageSnapshot.getKey();
                    console.log("key is " + messageSnapshot.getKey());
                    console.log("messagesnapshot is " + messageSnapshot);
                    console.log("messageData is " + messageData);
                        s = "<div><input type='text' name='pickUp[]' value='messageData'>" + key + "</div>";

                    var obj = {
                        key: key,

                    };
                    arr.push(obj);

  $("#container1").html(s);
 console.log("arr.length is " + arr.length);

});

HTML:

     <label for="basic">Pick Up Location:</label>
     <div id="container1"> 
    </div>

结果:

Answer 1

使用append()代替html()

...
$("#container1").append(s);