How to fetch data from nodejs in Angular

Question

Not calling the nodejs restapi from angular services.

users.component.ts

    editUser(){
    const updatedUser ={
      _id: this._id,
      name: this.name,
      email: this.email,
      mobile: this.mobile
    }
    console.log(updatedUser)
    this.usersService.updateUser(updatedUser)
    this.readUsers();
  }

users.service.ts

 updateUser(updatedUser){
    return this.http.post('http://localhost:3000/edit/' + updatedUser._id, updatedUser).pipe(
      map(res => res.json())
    )
  }

nodejs restapi

userRoutes.js

  const edituser = []
router.post('/edit/:id', (req, res) => {
    console.log('fromEditRoute')
    User.findByIdAndUpdate({_id : req.params.id}, req.body)
    .then(result => {
        edituser.push(result)
        res.json(edituser)
    })
    .catch(error => {
        console.log(error);
        res.status(500).json({message: 'An Error Occured'});
    })
    console.log('hello')
})

console.log() in routes is not even printed.

Every help will be appreciated, Thank You!!

semicolons are good :) Q: Can you communicate with any API in your NodeJS server? For example, can you use Postman with any GET or POST in the api? — paulsm4
– paulsm4, Commented Dec 24, 2019 at 8:33
do you have a call to updateUser with subscription? show us the call to this function — benshabatnoam
– benshabatnoam, Commented Dec 24, 2019 at 8:34

Siddharth Pal · Accepted Answer · 2019-12-24 08:39:35Z

2

this.usersService.updateUser(updatedUser).subscibe(console.log);

You need to subscribe to fire the request. Observables are lazy by default. Unless you subscribe the execution doesn't start.

answered Dec 24, 2019 at 8:39

Siddharth Pal

1,45811 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Savan Padaliya Over a year ago

It worked, how can i forget subscribe...Thank you for help.

Siddharth Pal Over a year ago

np. it happened to me also in past :P. Please upvote if it has helped you. Thanks

Santosh Shinde · Accepted Answer · 2019-12-24 08:40:59Z

0

users.component.ts

   editUser(){
        const updatedUser ={
          _id: this._id,
          name: this.name,
          email: this.email,
          mobile: this.mobile
        }
        console.log(updatedUser)
        this.usersService.updateUser(updatedUser).subscribe((response: any)=> {
        console.log(response);
       })
        this.readUsers();
     }

answered Dec 24, 2019 at 8:40

Santosh Shinde

1,21210 silver badges18 bronze badges

Comments

Selaka Nanayakkara · Accepted Answer · 2019-12-24 08:47:36Z

0

Issue is because you are not subscribing to the API call. Pipe wont subscribe to the observerble. Once you do the subscription only it will execute the call. Otherwise it will hang without giving an response. Thats why you dont get the anything as the response

Change your user service as follows:

updateUser(updatedUser){
    return this.http.post('http://localhost:3000/edit/' + updatedUser._id, updatedUser).subscibe(console.log);
  }

edited Dec 24, 2019 at 8:47

answered Dec 24, 2019 at 8:45

Selaka Nanayakkara

6,9863 gold badges27 silver badges60 bronze badges

Collectives™ on Stack Overflow

How to fetch data from nodejs in Angular

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related