Currently, I am working on an app using Ionic2/rc0. In my singleton service, I have a ReplaySubject that maintains the consistency of the current user throughout the entire application. Everything is functioning properly, and I can easily subscribe to it and retrieve a User object with the following code:
this._user.Current.subscribe(user=>{ console.log(user)});
The structure of the User object is as follows:
User {
confirmed:true,
devices:["57f65werwe343bn8843f7h","7yr3243h5429hf2hjd"],
friends:["t245y53h65346htyh","356ytrer75dfhg43we56df"],
email:"[email protected]",
id:"57f6525e926bbc7615fc5c5c",
notification:false,
password="$2a$04$.Fk/8eMj18ZrkfurbbdP4uT3yOs7Lb9db74GkNfgtABVY.ez2Q0I.",
picture:"https://api.cescoferraro.xyz/kitty",
role:"master",
username:"cesco"
}
My backend setup involves MongoDB with One-to-Many Relationships utilizing Document References, which is detailed here.
I have a "devices" tab where I aim to display all information related to the user's devices. However, I need to iterate through each of the "current.devices" by calling this._devices.info for each one and then combining the results into TrueDevices.
@Component({
template: `
<ion-header>
<ion-navbar>
<ion-title>Tabs</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<h2>Device:list</h2>
<h2 *ngFor="let item of devices | async">{{item}}</h2>
<button ion-button (click)="readDevice()">Read Random Device</button>
</ion-content>
`
})
export class DeviceComponent {
devices: Observable<string[]>;
TrueDevices: Observable<Device[]>;
constructor(public _user: UserService, public _device: DeviceService) {
this._user.Current.subscribe(user=>{ this.devices = Observable.of(user.devices)});
// Get current User
// call this._devices.info for each one of current.devices
// concat the result back to TrueDevices
this._user.Current
.subscribe((result) => { console.log(result) });
}
readDevice(){
console.log(this.devices);
this._device.info(this.devices.value[0]).subscribe(data=>console.log(data))
}
}
A similar procedure will be followed for the friends' tab and other tabs. While I believe there are certain operators in rxjs that could simplify this process, I am relatively new to rxjs and not well-versed in all its functionalities. Can anyone suggest the best approach?