I am retrieving stored configuration settings from an API. Each setting includes an 'ID' and several properties like 'numberOfUsers', etc. I am utilizing NGXS for managing the state.
My goal is to specifically fetch the 'numberOfUsers' property and use it in my template. However, I am facing an issue where initially the subscription returns 'undefined' for a brief moment before providing the actual data (refer to image). I have attempted using mapping as well, but I am uncertain about the best approach and how to effectively display the data in my template.
Below is my current code:
@Select(SettingsState.getSettings)
settings$!: Observable<Settings[]>;
settingsChanged!: Settings[];
ngOnInit(): void {
this.store.dispatch(new GetSettings(this.settingsId));
this.settings$.subscribe((data: Settings[]) => {
console.log('data', data);
return this.settingsChanged = data;
}
);
}
console.log('settingsChanged', this.settingsChanged);