Question

我刚开始使用firebase和angular 我想在浏览器中显示来自firebase的一些数据这是我的代码

<!DOCTYPE html>
<html>
<head>

    <!-- Firebase -->

    <script src="//cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
</head>
<body>


    title :<title></title><br>
    content :<content></content><br>
    <script type="text/javascript" >
    var t=document.querySelector('title');
    var c=document.querySelector('content');

    var ref= new Firebase('https://fir-app-4394a.firebaseio.com');
    ref.on('child_changed',function(snapshot){
        var data=snapshot.val();
        console.log("title: " + data.title);
        console.log("content: " + data.content);
        t.innerHTML=data.title;
        c.innerHTML=data.content;
    });

    </script>
</body></html>

这是我想要显示的firebase中的数据内容：“fffff” 标题：“rfff”

我不知道为什么与firebase没有关系谢谢你的帮助：D

Answer 1

您正在使用firebase legacy SDK。将其设置为新的。

<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>

然后你需要启动你的应用程序有点不同。您不必使用new Firebase，而必须使用firebase.initializeApp(config);和firebase.database().ref()来获取参考号。

<script>
  // Initialize Firebase
  var config = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    storageBucket: "",
  };
  firebase.initializeApp(config);
  var ref= firebase.database().ref();
</script>

要通过点击您的应用名称，然后点击将Firebase添加到您的网络应用，将您的config详细信息转到新的控制台概述。

Answer 2

尝试使用Angularfire。 firebase的当前版本是3.2.0，angularfire是2.x.x。

查看文档here。

Answer 3

我按照此链接配置我的firebase https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md 它有一个不同的发电机，但它确定我得到了我正在寻找的结果，这就足够了谢谢

angularjs firebase app：无法显示数据

3 个答案: