javascript - 从fire base检索最后10个值后，html页面上只显示一个值而不是10个值？

我是javaScript的新手。我正从firebase检索10个脉率数据值。数据已成功检索，但问题只是最近的值.i.e最后一个值显示在HTML页面上。我想在HTML页面上显示所有10个值。这是代码：

的test.html

<body>
<div >

    <p id="hearbeat_prev"></p>

</div>
</body>

test.js

(function () {
    console.log("inside unkonwn");
    heartbeat_previous_data();
})();


function heartbeat_previous_data()
{
     var rootRef = firebase.database().ref("pulse");  

    var numbers = new Array();

    rootRef.limitToLast(10).on('child_added', function(snap) {


    var heart = snap.child("rate").val();
         console.log(heart); 

        document.getElementById("hearbeat_prev").innerHTML =heart;

    });
}

截图： Check the image for the output and for console data

从fire base检索最后10个值后，html页面上只显示一个值而不是10个值？

0 个答案: