Firebase不会在angularjs上返回任何内容

时间:2016-12-12 11:57:42

标签: angularjs firebase firebase-realtime-database

我尝试从我的firebase帐户中提取数据

var myApp = angular.module('myApp',['firebase']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.factory("Items", function($firebaseArray) {
  var itemsRef = new Firebase("https://tukang-urut-dayang.firebaseio.com/senarai_pelanggan");
  return $firebaseArray(itemsRef);
})
function MyCtrl($scope,Items) {
   $scope.items = Items;

}

不幸的是,Items的返回根本不会产生任何输出。我错过了什么吗?

我只是按照本教程

https://www.firebase.com/docs/web/libraries/ionic/guide.html#section-list-view

Fiddle

1 个答案:

答案 0 :(得分:2)

您正在使用某些不兼容的库版本。

我更新了你的jsfiddle以使用这些包括:

https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js
https://cdn.firebase.com/js/client/2.4.0/firebase.js
https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js

并将控制器定义更新为:

var myApp = angular.module('myApp',['firebase']);

myApp.factory("Items", function($firebaseArray) {
  var itemsRef = new Firebase("https://tukang-urut-dayang.firebaseio.com/senarai_pelanggan");
  return $firebaseArray(itemsRef);
})
myApp.controller("MyCtrl", function ($scope,Items) {
   $scope.items = Items;
});

通过这些更改,它可以正常工作。

请参阅更新的小提琴:http://jsfiddle.net/puf/puap07ar/3/