2016-07-11 28 views
0

我剛開始用火力點和角度 我想在我的瀏覽器中顯示從火力一些數據 這裏是我的代碼angularjs火力的應用程序:無法顯示數據

<!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> 

這是在我的數據火力點,我想顯示 內容:「FFFFF」 標題:「rfff」

我不知道爲什麼會出現的火力 感謝您的幫助,沒有連接:d

+2

格式化你的代碼。而且它是如何關於Angular的? – dfsq

+0

我跟着這個https://www.youtube.com/watch?v=qxAojyj8LdI –

回答

0

您正在使用Firebase傳統SDK。將其設置爲新的。

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

,然後你將需要啓動您的應用程序有點diferrent。相反,與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信息,請到新的控制檯概述通過點擊應用程序的名稱,然後點擊添加火力地堡到您的Web應用程序

+0

是的,我已經知道了,但我無法理解爲什麼我不能看向火力點沒有連接顯示 –

+0

@TesnimJemli你不會看到,因爲你沒有連接。你需要使用'firebase.initializeApp' – adolfosrs

+0

爲u前 –

0

嘗試使用Angularfire。 firebase的當前版本是3.2.0,而且angularfire是2.x.x。

退房的文檔here

相關問題