将Firebase数据添加到Angular服务?

时间:2015-06-23 02:18:06

标签: angularjs firebase angularjs-service angularfire

我正在尝试将Firebase对象注入服务,因此我可以使用不同的角度控制器来访问Firebase对象的副本。

在我的应用程序的上一个工作副本中。我只将Firebase加载到控制器中:

以下示例:

  ToDo.controller('todoController',["$scope","$firebaseArray", function($scope, $firebaseArray, ToDoData){ // injecting AngularFire & ToDoData Service 


  var myData = new Firebase("https:firebase url goes here"); //create Firebase obj
  $scope.todos = $firebaseArray(myData); //Reading Database and adding to todos variable 

  $scope.historytodos = [{'title': "Old Task", 'done':true, 'timetag':new Date().toString()}];

  $scope.addTodo = function(){

    var datecreated = new Date().toString();

    $scope.todos.$add({'title':$scope.newtodo,'done':false, 'timetag': datecreated}); //push to Array 

    $scope.newtodo = '';
  };

现在我正在尝试重新创建Firebase依赖项,但是要使用服务。以下是我尝试过的服务。

这是错误的 Uncaught ReferenceError: Todo is not defined

我的错误服务示例:

Todo.value('fbURL', "https:firebase") //Firebase URL value service
.service('fbRef',function(fbURL){ //Firebase Data Reference Service
  return new Firebase(fbURL);
})
.service('fbArr',function(fbRef){ //Firebase Array service
  $scope.todos = $firebaseArray(fbRef);
  return $scope.todos;
});

不确定导致错误的原因是什么?也不太确定如何创建一个服务来保存我的Firebase对象。

1 个答案:

答案 0 :(得分:2)

首先,错误是自我解释的,Todo没有定义。你必须做类似的事情:

var Todo = {fbRef: "https:firebase"};

对于这项服务,我建议你阅读服务和工厂以了解最适合你特定情况的内容,以下是一个如何在服务中做到这一点的简单例子:

.service('fb', function(){
  var connection = new Firebase(url);
  var todos = $firebaseArray(connection);

  this.url = function() { return connection;};
  this.todos = function() { return todos;};
});