Javascript 使用Firebase而不是.json文件的Angular js phonecat
我是firebase的新手,我正在尝试从firebase而不是json文件检索此服务中的数据,但我无法使其正常工作。它基于angularjs phonecat示例Javascript 使用Firebase而不是.json文件的Angular js phonecat,javascript,json,angularjs,firebase,angularfire,Javascript,Json,Angularjs,Firebase,Angularfire,我是firebase的新手,我正在尝试从firebase而不是json文件检索此服务中的数据,但我无法使其正常工作。它基于angularjs phonecat示例 .factory('Article', ['$resource', FIREBASE_URL, $firebaseArray, function ($resource, FIREBASE_URL, $firebaseArray) { var ref = new Firebase(FIREBASE_URL + "articles")
.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){
});
}]);
我的解决方案是使用AngularFire。我没有使用“服务”,因为我们有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);
}]);