How to use Angular Factory with firebase?

Question

Good afternoon, Guys, I’m trying to create a Factory with firebase, to bring the data from it.

My controller:

app.controller('ListagemCtrl', function($scope, $location, $firebaseObject, $timeout, appFactory){

$scope.filmesCadastrados = [];

appFactory.pegaFilmes().on('value', function (snapshot) {
    for(var id in snapshot.val()){
        var filme = snapshot.val()[id];
        $scope.filmesCadastrados.push({
            titulo: filme.titulo,
            diretor: filme.diretor,
            categoria: filme.categoria,
            duracao: filme.duracao
        });
    }
});
});

And this is my Factory:

app.factory('appFactory', function($scope, $firebaseObject){

var _pegaFilmes = function() {
    return firebase.database().ref('filmes/').on('value', function (snapshot) {
                for(var id in snapshot.val()){
                    var filme = snapshot.val()[id];
                    //console.log(filme);
                    $scope.filmesCadastrados.push({
                        titulo: filme.titulo,
                        diretor: filme.diretor,
                        categoria: filme.categoria,
                        duracao: filme.duracao
                    });

                }
            });
}

return {
    pegaFilmes: _pegaFilmes
};

});

This warning appears on the console:

angular.js:13708 Error: [$injector:unpr] http://errors.angularjs.org/1.5.7/$injector/unpr? P0=copeProvider%20%3C-%20%24scope%20%3C-%20appFactory

Answer 1

Then you take a look at the dock https://www.firebase.com/docs/web/libraries/angular/api.html#angularfire

  app.factory('Filmes', function($firebaseArray){
      var chatRef = firebase.database().ref('/filmes');

     return $firebaseArray(chatRef);
  });

  app.controller('FilmeCtrl', function($scope, Filmes){
    $scope.filmes =  [];

    // Function auto executada
    (function () {
      console.log(Filmes);
      Filmes.$loaded(success, error);

      function success(data) {
        $scope.filmes =  data;
        console.log('MIUUII', data);
      }

      function error(errorMessage) {
        console.log(errorMessage);
      }
    })();
  });