I'm currently working on an Angular project where I am building a service to fetch CSV data from an API server and convert it to JSON before passing it to the component.
Although the JSON data is successfully logged in the console by the service, the component displays a much earlier message saying Component data: UNKNOWN.
To achieve the conversion of CSV to JSON, I am utilizing the csvtojson module.
Below is the code snippet for the Component part:
getData(): any {
this.storeService.getData()
.subscribe(data => {
console.log('Component data: ', data);
}, error => {
console.log(error);
});
}
Here's the code for the "storeService" service:
getData(): Observable<any> {
return this.httpClient
.get('http://localhost:3000/user/11', { responseType: 'text' as 'text' })
.pipe(
map((data) => {
csv({
noheader: true,
trim: true,
delimiter: ';'
})
.fromString(data)
.then(jsonData => {
// Successfully logging JSON data in the service
console.log('Service jsonData', jsonData);
// How can I pass this jsonData to the component?
return jsonData;
})
})
)
}
Your assistance would be greatly appreciated. Thank you.