【问题标题】:How to get ID or Key from Firebase realtime如何从 Firebase 实时获取 ID 或密钥
【发布时间】:2020-04-14 09:48:08
【问题描述】:

所以我有了这个,我想得到的是每个用户的 ID 或 Key。

例如:WxA2XLigx7V1bOxm5WNSnVkgtOu1

到目前为止,我正在展示这个:

这是我当前显示表格的代码

firebase.database().ref('Users/').on('value',(data)=>{

  let Users = data.val();
  document.getElementById('tablaUsers').innerHTML+='';
  for (const user in Users){
    document.getElementById('tablaUsers').innerHTML+=`
    <tr>
    <td>${Users[user].Key}</td>
    <td>${Users[user].email}</td>
    <td>${Users[user].name}</td>
    </tr>
    `;
}

这是来自 html 的代码

<table class="mdl-data-table mdl-js-data-table">
  <thead>
    <tr>
      <th class="mdl-data-table__cell--non-numeric" role="columnheader" scope="col">ID</th>
      <th class="mdl-data-table__cell--non-numeric" role="columnheader" scope="col">Email</th>
      <th class="mdl-data-table__cell--non-numeric" role="columnheader" scope="col">Nombre</th>
    </tr>
  </thead>
  <tbody id="tablaUsers">
    <tr>
      <td class="mdl-data-table__cell--non-numeric"></td>
      <td class="mdl-data-table__cell--non-numeric"></td>
      <td class="mdl-data-table__cell--non-numeric"></td>
    </tr>
  </tbody>
</table>

如你所见

<td>${Users[user].Key}</td>

不起作用,它只是一个占位符。这可能是一个简单的问题,但我无法得到它或如何做到这一点,希望任何人都可以提供帮助。

【问题讨论】:

    标签: html database firebase web firebase-realtime-database


    【解决方案1】:

    你应该循环val()方法返回的JavaScript对象,如下:

      firebase
        .database()
        .ref('users/')
        .on('value', (data) => {
          var obj = data.val();
          Object.keys(obj).forEach((key) => {
            console.log('key: ' + key);
            console.log('mail: ' + obj[key].mail);
            console.log('name: ' + obj[key].name);
          });
        });
    

    【讨论】:

    • @Locus 您好,您有机会查看建议的解决方案吗?
    • 很抱歉这么晚才回答,在我问这个问题的时候有很多项目,最后用 Firestore 和实时数据库做了一个替代方案,但你的解决方案更加优化和方式减少工作
    • 别担心!如果您认为我的回答可以解决您的问题,请接受。见stackoverflow.com/help/someone-answers。谢谢。
    猜你喜欢
    • 1970-01-01
    • 2017-12-05
    • 2020-11-23
    • 2016-11-08
    • 1970-01-01
    • 2017-09-15
    • 1970-01-01
    • 2017-09-22
    • 2016-08-11
    相关资源
    最近更新 更多