Here is the code snippet from my app.js:
app.get('/post', (req,res) =>{
let data =
[{
userId: 10,
id: 98,
title: 'laboriosam dolor voluptates',
body: 'doloremque ex facilis sit sint culpa{ userId: 10'
},
{
id: 99,
title: 'temporibus sit alias delectus eligendi possimus magni',
body: 'quo deleniti praesentium dicta non quod'
}];
res.status(200).json(data);
});
The content of my my.service.ts file can be seen below:
export class MyService {
constructor(private http: HttpClient) { }
fetchData(): any {
console.log('reaches');
return this.http.get('/post').pipe(
map((post) => {
console.log(post.json());
return post.json();
})
);
}
}
Also, here is a snippet from my sem.component.ts:
export class SemComponent implements OnInit {
posts: any = [];
constructor(private myService: MyService) { }
ngOnInit() {
console.log('reaches');
this.myService.fetchData().subscribe(posts => {
this.posts = posts;
console.log(posts);
});
}
}
In addition, I have defined my routes in the Routes file as follows:
export const myRoutes: Routes = [
{
path: 'post',
component: SemComponent
}]
This is how I retrieve JSON data in Angular.
However, when I navigate to the URL 'localhost:3000/post', it does not reach the service.ts code directly displaying the JSON data from the app.js file instead.