Angular js phonecat使用Firebase而不是.json文件

Question

我是firebase的新手，我試圖從firebase而不是json文件中檢索此服務中的數據，但是我一直無法使其工作。它是基於angularjs phonecat例如

.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} 
}); 
}]); 

和控制器：

.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){ 
}); 
}]); 

Answer 1

https://docs.angularjs.org/tutorialHere是使用AngularFire爲https://docs.angularjs.org/tutorial我的解決方案。我沒有使用'服務'，因爲我們有AngularFire提供的功能。

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); 
}]);