$push({new:'record'}) to child of $firebase reference?

[irfaan]

I have a $firebase ref to 'a/b' and wish to push a new record to 'a/b/c' (i.e. have firebase create new key with value {new:'record'}), such that it will result in: a/b/c/-Joi2392d09 with {new:'record'} as its value.

How do I go about doing this?

// Setup
var db = new Firebase('https://example.firebaseio.com/');
$scope.remote = $firebase(db.child('a/b')).$asObject();

// How do we push to a/b/c?
$scope.remote.c.$push({new:'record'}); // error - $push is not a function.

I can try using $inst(), but i can only push to 'a/b'; I do not know how to $push a record to a child of the reference. Any ideas?

Thank you! Love the changes to the API in the latest release.

[katowulf]

You can't push to a child. AngularFire does not handle nested collections inside of records or other collections. There is no $push method in the API docs, so I'm not sure where you came up with this strategy.

Use this instead:

var db = new Firebase('https://example.firebaseio.com/');
$scope.remote = $firebase(db.child('a/b/c')).$asArray();
$scope.remote.$add({new:'record'});

[irfaan]

Thanks Kato. Appreciate your quick response. My mistake - I was trying to $push to the $asObject() and not the $firebase reference alone. Thanks again!

As an aside, would the old $child() method have been of use to me here without creating a separate reference to 'a/b/c' to use $push or $add? If so, is it replicable using $extendFactory?

Appreciate your help!

[katowulf]

There's really no need for $child. You can use any ref to create a $firebase object (which is probably not necessary, since you can just drop to the API level).

var data = {new: 'record'};
var db = new Firebase('https://example.firebaseio.com/a/b');

// probably simplest and what you want
db.child('c').push(data);

// also fine, if you think scope needs to be compiled 
// (but it won't since you are using AngularFire objects which take care of this)
$firebase(db.child('c')).$push(data);

// if you already have a $firebase object
$firebase(db).$ref().child('c').push(data);

// or like this
var parent = $firebase(db);
$firebase( parent.$getRef().child('c') ).$push(data);

[irfaan]

Ah! These are what I'm after:
// if you already have a $firebase object
$firebase(db).$ref().child('c').push(data);
// or like this
var parent = $firebase(db);
$firebase( parent.$getRef().child('c') ).$push(data);

Thank you!

[vineshhpatel]

@irfaan +1