2017-01-13 3 views
0

私はそれを理解できないので、私は本当に自分自身に対して怒ります。私の問題は大きなプロジェクトにfirebaseを使用する必要があることですが、これは初めてのことです。だから、イオン作成者(https://www.youtube.com/watch?v=IrwrZBBOiP8&list=PLG71uQ6L5PWNOsIDFrP3X-_s-W4T6vBzP)を使ってTodoリストのチュートリアルを始めました。Firebaseから来るデータはありません:Todoリスト

私の問題は、私はこのようなデータベースを設定し、次のとおりです。ここで

enter image description here

あなたは、私が使用したサービスとどのように私は電話を見つけることができます:そのような試み

enter image description here

それはトゥースページ:

//todos.js file 
 

 
angular.module('todos', ['firebase']) 
 

 
.run(function(){ 
 

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

 
}) 
 

 

 
.service("Todos", ["$firebaseArray", function($firebaseArray){ 
 
    var ref = firebase.database().ref().child("todos"); 
 
    var items = $firebaseArray(ref); 
 
    
 
    var todos = { 
 
     items: items, 
 
     addItem: function(title){ 
 
      items.$add({ 
 
       title: title, 
 
      }) 
 
     }, 
 
     setFinished: function(item, newV){ 
 
      item.finished = newV; 
 
      items.$save(item); 
 
     } 
 
    } 
 
    return todos; 
 
}]);

// todos page 
 

 
function ($scope, $stateParams, Todos) { 
 

 
    $scope.items = Todos.items; 
 
} 
 

 

 
// Finished item page 
 

 
function ($scope, $stateParams, Todos) { 
 
    
 
    $scope.items = Todos.items; 
 
} 
 

 

 
// todo item page 
 

 
function ($scope, $stateParams) { 
 

 
    $scope.itemid = $stateParams.items; 
 

 
}

そして、私はまだFirebaseから何件のデータを持っていない、私は、コンソールで "Todos.items" を印刷しようとしましたが、この配列であまりにも多くのフィールドがあり、I私のデータを見つけることができません。アプリを起動すると、私はこれらの空白のページが、エラーなしがあります。

enter image description here

答えて

1

ちょうどあなたfirebase URLに$ HTTPを使用情報を読みたい場合。

var url = 'https://test-data.firebaseio.com/data.json'; 
        $http.get(url).then(function(response){conole.log(response.data)}); 

読むためfirebase許可を追加します。

+0

お返事ありがとうございます!うーん、ポイントは私もベースに書き込む必要があります。私はこれらの2行を私のサービスに追加しようとしましたが、Uncaught ReferenceErrorがあります。$ httpは定義されていません。$ httpはintern変数ではありませんか? – Memphis

+0

いいえ、あなたは$ httpを注入する必要があります。 –

0

Firebaseプロジェクト/データベース/ルールにアクセスし、読み取りオプションを許可してください。

{ 
    "rules": { 
    ".read": true, 
    ".write": "auth != null" 
    } 
} 
関連する問題