はfirebaseアプリをangularjs：データ

を表示することができない私はちょうど私がここで私のブラウザでfirebaseからをいくつかのデータを表示したいfirebaseと角を始めています私のコードははfirebaseアプリを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>

これは私の中のデータであります私はコンテンツを表示したいfirebase：「FFFFF」タイトル：「rfff」

私はあなたの助けをfirebase 感謝との接続がない理由を知らない：D

出典

2016-07-11 Tesnim Jemli

フォーマットあなたのコードに感謝します。 Angularについてはどうですか？ – dfsq

私はこのhttps://www.youtube.com/watch?v=qxAojyj8LdIに従っています –

あなたは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>

はあなたのconfig詳細はアプリ名をクリックして、新しいコンソールの概要に移動して、あなたのWebアプリケーションにFirebaseを追加を打つ取得します。

出典

2016-07-11 13:25:40 adolfosrs

はい私はそれについて既に知っていますが、私は何もわかりません何が表示されてfirebaseへの接続を参照してくださいなぜ理解できない –

@TesnimJemliあなたは接続されていません。あなたは 'firebase.initializeApp'を使う必要があります – adolfosrs

私は –

Angularfireを試してみてください。 firebaseの現在のバージョンは3.2.0で、angularfireは2.x.xです。

文書hereをご覧ください。

出典

2016-07-18 06:05:59

私は別の発電機と私のfirebase https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md そのを設定するには、このリンクをたどっが、そのokが私が探していた結果を取得し、それが十分なだあなた

出典

2016-07-18 13:58:05

はfirebaseアプリをangularjs：データ

答えて

関連する問題