腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >将Firebase数据显示为简单的HTML页面

问将Firebase数据显示为简单的HTML页面
EN

Stack Overflow用户

提问于 2018-04-17 16:16:19

回答 1查看 1.4K关注 0票数 1

我想知道如何将Firebase中的多行数据显示到一个空白页/简单网站上。

我目前正在使用它来显示一个简单的字符串:通过此方法进行“测试”：

var bigOne = document.getElementById('bigOne');

var dbRef = firebase.database().ref().child('text');

dbRef.on('value', snap => bigOne.innerText = snap.val());

它在Firebase中的外观

它在空白站点上的外观

但是，如何将Firebase中的多行/行数据显示到空白页上呢？

对于多行/多行数据，我的意思是：[消]火基数据

编辑:这是我的当前代码：图像

但是，它在我的HTML页面上没有显示任何内容。我必须把这一行代码加回去还是调整它？如果我把它加回去，它是:站点上的object对象。

dbRef.on('value', snap => bigOne.innerText = snap.val());

html

firebase

firebase-realtime-database

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-17 16:29:32

您应该听一听项目列表，并循环这些项：

首先，您应该使您的dbRef适应

var dbRef = firebase.database().ref('sensor/dht');

然后查询如下

var tempo = '';    
dbRef.on('value', function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
    tempo += 'temp: ' + childSnapshot.val().temp + ' - humidity: ' + childSnapshot.val().humidity + '<br>';   //Just an example of formatting the output
  });
  bigOne.innerText = tempo;
});

看一看列表的医生

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49882958

复制

相似问题

问将Firebase数据显示为简单的HTML页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将Firebase数据显示为简单的HTML页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将Firebase数据显示为简单的HTML页面
EN