保存新属性会覆盖 firebase 对象

Question

我正在使用 Firebase 和 Angular 进行测验。在测验结束时，我想使用以下代码将新属性保存到用户对象：

function saveTopscore() {
    var ref = new Firebase(CONSTANTS.FIREBASE_URL + 'users/' + User.user.$id + '/');
    var userObject = $firebaseObject(ref);
    userObject.topscore = User.totalCorrect;
    userObject.$save().then(function(ref) {
        console.log("worked");
    }, function(error) {
        console.log(error);
    });
}

它可以工作，但它也会覆盖用户对象的所有属性。因此，该对象用于保存名称、用户名、电子邮件、密码等，但是当我推送最高分时，它成为该对象的唯一属性。为什么？

Answer 1

你为什么在这里使用$firebaseObject？这仅在您将其三向绑定到 Angular 视图时才有用。如果您使用的是常规 JavaScript 代码，请坚持使用 Firebase 的常规 JavaScript SDK。

在这种情况下，只需这样做：

ref.update({ topscore: User.totalCorrect });

Answer 2

正如@Frank 所说，使用 JavaScript SDK。

我想澄清原始上下文（使用$firebaseObject），以防其他人将来提及此问题。

• 之所以会出现最初的症状，是因为您正在设置对象的单个参数并在对象（及其已存在的子对象）完全下载之前保存它。
• 因此，当您调用 .$save() 时，userObject 将（很可能）只设置其 topscore 参数，并且调用 .$save() 将有效地删除所有其他预先存在的子节点Firebase 参考。

您可以使用.$loaded() 等到对象完全下载后再修改和/或更新它来避免这种情况...

编辑：但是，正如Intro to AngularFire 指南所述，

$loaded() 方法应谨慎使用，因为它仅在初始加载后调用一次。将它用于除调试之外的任何事情通常都是一种糟糕的做法。

如果您忽略此警告并使用$loaded()，则该实现可能如下所示：

注意 - 反模式：这不是推荐的做法。

var ref = new Firebase(fbUrl + '/users/' + User.user.$id + '/');
var userObject = $firebaseObject(ref);
// wait until userObject has been downloaded, then modify & save it.
userObject.$loaded().then(function(){
  userObject.topscore = User.totalCorrect;
  userObject.$save().then(function(ref) {
      console.log("Saved");
  }, function(error) {
      console.log(error);
  });
});

正如弗兰克在 cmets 中对这个答案所说的那样，

“如果你在$firebaseObject（或$firebaseArray）之后直接使用$loaded()，你可能做错了什么。”