Jas phonecat angolare con Firebase invece di file .json - javascript, json, angularjs, firebase, angularfire

Sono nuovo di Firebase e sto cercando di recuperare i dati in questo servizio da Firebase invece che da file JSON, ma non sono riuscito a farlo funzionare. È basato sull'esempio di phonecat di angularjs

.factory("Article", ["$resource", FIREBASE_URL, $firebaseArray,
function ($resource, FIREBASE_URL, $firebaseArray) {
var ref = new Firebase(FIREBASE_URL + "articles");
var posts = $firebaseArray(ref);
return $resource("views/:articleId", { }, {
query: {method:"GET", params:{articleId: "articles"}, isArray:true}
});
}]);

E i controller:

.controller("blogCtrl", ["$scope", "Article",
function($scope, Article){
$scope.articles = Article.query();
}]);

.controller("blogpageCtrl", ["$scope","$routeParams","Article",
function($scope, $routeParams, Article){
$scope.article = Article.get({articleId: $routeParams.articleId}, function(article){
});
}]);

risposte:

https://docs.angularjs.org/tutorialHere è la mia soluzione con AngularFire per https://docs.angularjs.org/tutorial. Non ho usato il "servizio" dato che AngularFire fornisce funzioni.

phonecatControllers.controller("PhoneListCtrl", ["$scope","$firebaseArray",
function($scope, $firebaseArray) {
var ref = new Firebase("https://your-app.firebaseio.com/phones/");
$scope.phones = $firebaseArray(ref);
$scope.orderProp = "age";
}]);

phonecatControllers.controller("PhoneDetailCtrl", ["$scope", "$routeParams", "$firebaseObject",
function($scope, $routeParams, $firebaseObject) {
$scope.phoneId = $routeParams.phoneId;
var ref = new Firebase("https://your-app.firebaseio.com/phones/"+$scope.phoneId);
$scope.phone = $firebaseObject(ref);
}]);