Angular/Ionic RXJS 更新 Observable 数组而不是追加

Question

这是一个离子应用程序的功能，它显示您附近的所有用户。问题是，如果用户更改他们的姓名或位置，它将作为新项目添加到数组中，而不是更新现有项目。 . 我怎么可能将更新提供给 ionic2 ngFor 循环？

public outputUsersCloseToMe() : Observable<Array<displayAllUsers>> {

    let availableUsers = <Array<displayAllUsers>>[];

        this.firebaseInit().database().ref('users').child(key).child('profile').on('value', (userprofile) => {  
            if( userprofile.val() ) {
                availableUsers.push({ 
                    id: userprofile.val().id,                        
                    gender: userprofile.val().gender,
                    distance: distance.toFixed(2),
                    location: location,
                    firstName: userprofile.val().firstName,                        
                });        
            }
        }); 

    return Observable.from([availableUsers]).map(val => val); 
}

Answer 1

您可以使用地图而不是数组。

let availableUsers = <Map<String,displayAllUsers>> new Map;

你通过 id 更新它

availableUsers.set(id, { 
  id: userprofile.val().id,                        
  gender: userprofile.val().gender,
  distance: distance.toFixed(2),
  location: location,
  firstName: userprofile.val().firstName,                        
});

您只使用存储在地图中的values 创建一个可观察对象

return Observable.from([availableUsers.values()]);