如何在angularFire2中用已知的$ key更新记录？

Question

I have a record in my firebase dB that I want to update. Because I am binding the player object to UI components which I don't want to refresh before the update is submitted, I made a clone copy of the real firebase record as follows:

newPlayerWithSameKey(p: Player): any {
    const origKey = (<any>p).$key;
    const duplicate = JSON.parse(JSON.stringify(p))
    duplicate.$key = (<any>p).$key;
    return duplicate;
}

If I log this in the console, p and duplicate are exactly the same. The duplicate is then injected into the update method on my data service handling the records. I am trying to update it this way:

updatePlayer(player: Player): void {
    const key = this.getKey(player);

    // The following three lines are just for the console log to demonstrate
    let shouldBeThePlayerToBeUpdated;
    this.db.object('/players/' + key).subscribe(p => shouldBeThePlayerToBeUpdated = p);
    window.console.log('Mock player: ', key, JSON.stringify(shouldBeThePlayerToBeUpdated));

    window.console.log('Updating player with key: ', key, JSON.stringify(player));
    this.db.list('/players').update(key, player)
}

private getKey(p: Player): string {
    return (<any>p).$key
}

But I get the following error: As you can see the keys match exactly, and the firstName property is being updated correctly (that is what I did in the form). I am really confused what the problem is here ... Anybody have an idea?

Answer 1

You can replace:

this.db.list('/players').update(key, player)

by

this.db.object('/players/'+key).update(player)

EDIT:

this.db.object('/players').update({'/'+key, player})

One example of: how I use it:

const update = {
    'starsNumber': someValue + 1
}
update[`level/${photo_id}/photo_id`] = photo_id
}

firebase
    .database()
    .ref(`game/users/${admin_id}/players/${user.id}/`)
    .update(update)