angularjs firebase app：无法显示数据答案

【问题标题】：angularjs firebase app: can't display dataangularjs firebase app：无法显示数据
【发布时间】：2016-07-18 21:58:05
【问题描述】：

我刚开始使用 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 中的数据内容：“ffff” 标题：“rff”

我不知道为什么与火力基地没有联系感谢您的帮助：D

【问题讨论】：

格式化您的代码。 Angular 怎么样？
我关注了这个youtube.com/watch?v=qxAojyj8LdI

标签： javascript html firebase firebase-realtime-database

【解决方案1】：

您使用的是 Firebase 旧版 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>

要获取您的config 详细信息，请点击您的应用名称，然后点击将 Firebase 添加到您的 Web 应用，转到新的控制台概览。

【讨论】：

是的，我已经知道了，但我不明白为什么我看不到与 Firebase 的连接，但没有显示任何内容
@TesnimJemli 你不会看到，因为你没有连接。你需要使用firebase.initializeApp
我确实在你之前提到的配置后使用过它
@TesnimJemli 好的，很好，所以用您当前的代码和当前状态更新问题。

【解决方案2】：

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

查看文档here。

【讨论】：

【解决方案3】：

我点击此链接来配置我的 Firebase https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md 它使用不同的生成器，但没关系，我得到了我正在寻找的结果，这就足够了谢谢

【讨论】：