没有来自Firebase的数据:Todo列表

时间:2017-01-13 10:23:49

标签: firebase ionic-framework

我对自己很生气,因为我无法弄明白。我的问题是我需要将firebase用于一个大型项目,但这是我第一次使用它,并且使用noSQL。所以我使用离子创建器(https://www.youtube.com/watch?v=IrwrZBBOiP8&list=PLG71uQ6L5PWNOsIDFrP3X-_s-W4T6vBzP)启动了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"在控制台中,但是这个数组中的字段太多,我无法找到我的数据。启动应用程序时,我有这些空白页但没有错误:

enter image description here

2 个答案:

答案 0 :(得分:1)

如果只想阅读信息,请使用$ http到您的firebase网址。

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

添加firebase权限以便阅读。

答案 1 :(得分:0)

只需转到Firebase项目/数据库/规则并允许读取选项。

{
  "rules": {
    ".read": true,
    ".write": "auth != null"
  }
}