CODEWITHSUNDEEP
ionic-frameworkfirebaseangularfire
user3884677
user3884677

Reputation: 413

$firebaseArray is empty with ionic

I am trying to load data in firebase with $firebaseArray as:

var ref = new Firebase(FURL);
var eventRef = ref.child('event');
$scope.events= $firebaseArray(eventRef)

I have event data in my firebase. But my $scope.events returns:

[]
  0: Object
  $$added: ()
  $$error: ()
  $$getKey: ()
  $$moved: ()
  $$notify: ()
  $$process: ()
  $$removed: ()
  $$updated: ()
  $add: ()
  $destroy: ()
  $getRecord: ()
  $indexFor: ()
  $keyAt: ()
  $loaded: ()
  $ref: ()
  $remove: ()
  $save: ()
  $watch: ()
  length: 0__proto__: Array[0]

what is possible reason?

Upvotes: 0

Views: 498

Answers (1)

Zeeshan Hassan Memon
Zeeshan Hassan Memon

Reputation: 8325

Possible Reason You are accessing data before it is is loaded.

You must wait till data is loaded, Rewrite your code this way:

var ref = new Firebase(FURL);
var eventRef = ref.child('event');
$scope.events = $firebaseArray(eventRef);

$scope.events.$loaded()
    .then(function(){
        // access events here;
    });

Upvotes: 1

Related Questions