Setting Your Own Key When Adding an Object to Firebase - AngularFire

Question

I can use the following to add an object to my Firebase data store:

var uniqueId = {
    name: "a name",
    location: "new york"
}
$scope.myItems.$add(uniqueId).then(function(firebaseId){
    // do something on success
}, function(){
    // do something if call fails
});

The above will add an object into my data store and if the add is successful, an ID generated by Firebase is returned. The object I just added is saved under this key.

Is there a way for me to specify what the key name is when I add to my data store?

Yes there is. Just use child and set, e.g. nameRef.child('first').set('Fred');. See firebase.com/docs/writing-data.html. In AngularFire that might translate to $save(), see github.com/firebase/angularFire/blob/…. — Frank van Puffelen
– Frank van Puffelen, Commented Jul 3, 2014 at 18:49
Here is similar question: stackoverflow.com/questions/18050856/… — Alexander Burakevych
– Alexander Burakevych, Commented Jul 3, 2014 at 23:39

Community · Accepted Answer · 2020-06-20 09:12:55Z

17

Everything in Firebase is a URL.

Take the following URL for example.

https://myapp.firebaseio.com/users/

Let's say we want to create a user with a key of 1 as a child at this location. Our URL would look like this.

https://myapp.firebaseio.com/users/1

To create a user using AngularFire we can create a reference at the users node and call $child(1) to create a reference to that location.

var usersRef = new Firebase('https://myapp.firebaseio.com/users');
var userRef = new Firebase('https://myapp.firebaseio.com/user/1');

$scope.users = $firebase(usersRef);

// these are the same
$scope.userOne = $firebase(userRef);
$scope.userOne = $scope.users.$child(1);

Then we can use $set to store the value of the user at that location.

var usersRef = new Firebase('https://myapp.firebaseio.com/users');
$scope.users = $firebase(usersRef);
$scope.users.$child(1).set({
  first: 'Vincent',
  last: 'Van Gough',
  ears: 1
});

In your case it would be:

var uniqueId = {
    id: 1,
    name: "a name",
    location: "new york"
};
$scope.myItems.$child(uniqueId.id).$set(uniqueId);

Remember that using $set will destroy any previous data at that location. To non-destructively update the values use $update.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jul 4, 2014 at 22:18

David East

32.7k6 gold badges70 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Lloyd Banks Over a year ago

I knew about the $child + $set combination. I just didn't know you had to chain the two together to make it work. If you call $child then $set with two separate commands, changes won't go through

David East Over a year ago

That's because $child returns a $firebase object. You won't have to chain them together if you store the result either in variable or on $scope.

Maher Manoubi Over a year ago

I have tried this exact same code with my own server but it doesn't work. I always get undefined is not a function referring to $child. I suspect that the new API doesn't include $child. It doesn't even appear in their API documentation: firebase.com/docs/web/libraries/angular/…

David East Over a year ago

Yes, the API for AngularFire has had major updates since the 0.8 update. $child was removed in that version.

Chrillewoodz Over a year ago

@DavidEast what's the new equivalent to $child? can't find it when reading here: firebase.com/blog/2014-07-30-introducing-angularfire-08.html Please help.

|

grg · Accepted Answer · 2017-02-06 10:26:47Z

9

You can try it like this:

var empsRef = ref.child("employees");

empsRef.child('11111').set({
  lastname: "Lee",
  firstname: "Kang"
});

empsRef.child('22222').set({
  lastname: "Nut",
  firstname: "Dough"
});

The output should look like this:

"employees" : {
  "11111" : {
    "lastname" : "Lee",
    "firstname": "Kang"
  },
  "22222" : {
    "lastname" : "Nut",
    "firstname": "Dough"
  }
}

edited Feb 6, 2017 at 10:26

grg

6,0744 gold badges40 silver badges58 bronze badges

answered Apr 20, 2016 at 11:30

Lee

2413 silver badges4 bronze badges

Comments

Alex · Accepted Answer · 2015-07-10 19:17:29Z

It looks like $child and $set have been removed from the AngularFire API.

Here is my workaround.

Listen for $onAuth
Create a new $firebaseObject with the ref as a child of users and the id as the uid (in this case, facebook)

Save the user object

angular.module("app.services", []).factory("Auth", function ($firebaseAuth, $firebaseObject, FirebaseUrl) {
var auth = $firebaseAuth(new Firebase(FirebaseUrl));

auth.$onAuth(function (authData) {
    if (authData) {
        var ref = new Firebase(FirebaseUrl + "/users/" + authData.uid);
        var user = $firebaseObject(ref);
        user.name = authData.facebook.displayName;
        user.$save().then(function () {
            console.log(user);
        });
    }
});
return auth;
})

I am still struggling to make this testable though...

Asaph Souza · Accepted Answer · 2017-11-16 14:51:52Z

0

.set still working in angularfire api

So, try this...

var gT = $scope.ultima[0].guia + 1;                    
var _db = firebase.database().ref('/guias/' + gT);
                      _db.set({
                    'artigo': _dt.artigo,
                    'inicio': $scope.ultima[0].fim + 1,
                    'guia': $scope.ultima[0].guia + 1,
                    'fim': $scope.ultima[0].fim + 1 + (1 * _dt.quantidade),
                    'quantidade': _dt.quantidade,
                });

answered Nov 16, 2017 at 14:51

Asaph Souza

1

Collectives™ on Stack Overflow

Setting Your Own Key When Adding an Object to Firebase - AngularFire

4 Answers 4

Everything in Firebase is a URL.

6 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Everything in Firebase is a URL.

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related