保存新属性覆盖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); 
    }); 
}); 

弗兰克在评论这个回答说，

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