时间戳

首页 > 解决方案 > 我如何在快照上应用循环并在 ul li 中附加所有数据及其键和值？

javascript - 我如何在快照上应用循环并在 ul li 中附加所有数据及其键和值？

问题描述

我正在从 Firebase 实时数据库中获取数据，并且我想在单击按钮时生成 PDF。我在快照中完美获取数据

我想循环这个快照并显示ul li中的所有数据。任何人都可以帮助我，我如何使用循环来获取快照数据，然后将其附加到ul li中的键和值？

    function getPDF(e) {
    firebase.database().ref('gpr/' + e.id).on('value', function (snapshot) {

        console.log(snapshot.val().key);
        console.log(snapshot.val().flightNum);
        console.log(snapshot.val().flightType);
        console.log(snapshot.val().captainName);

    });



}

标签： javascripthtmldatabasefirebasefirebase-realtime-database

解决方案

这是一种for...in用于循环遍历您的方法snapshot：

for (const property in snapshot.val()) {
    console.log(`${property}: ${snapshot.val()[property]}`);
    // will output something like: "name: John"
}

上面的代码将遍历每个属性snapshot.val()并打印它的值。由您决定将其附加到适当的组件

推荐阅读