保存新屬性覆蓋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），你可能做錯了什麼。」