Angular 4 - HTTP delete not working

Question

I am trying to create a MEAN crud operation. I have an api in node with the delete http method as so localhost:3000/api/user?id=<some document id>. Below is the angular code I use:

deleteUser(user) {
    console.log("user to delete:" + user._id);
    let myParams = new URLSearchParams();
    myParams.append('id', user._id);
    return this.http.delete('/api/user', { search: myParams })
      .map(res => res.json());
}

The correct id is being printed to console but I am not able to see even the call being made in the chrome network bar nor has the data being deleted. Any ideas what is going wrong?

Igor · Accepted Answer · 2017-10-06 10:01:24Z

40

You have to subscribe to the call if you want it to execute. See the HttpClient documentation.

Note the subscribe() method. All Observables returned from HttpClient are cold, which is to say that they are blueprints for making requests. Nothing will happen until you call subscribe(), and every such call will make a separate request. For example, this code sends a POST request with the same data twice:

Example:

otherMethod(){
    this.userService.deleteUser(user).subscribe(() => console.log("user deleted"));
}

edited Oct 6, 2017 at 10:01

answered Oct 6, 2017 at 9:58

Igor

62.5k10 gold badges111 silver badges181 bronze badges

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

2 Comments

JackSlayer94 Over a year ago

I have this code for the read operation getAllUsers() { return this.http.get('/api/users') .map(res => res.json()); } how does return the data without subscribing?

Igor Over a year ago

@JackSlayer94 - It wouldn't but you probably use the resulting observable in an async pipe in a template (which would call subscribe) or something else eventually calls subscribe on it.

Sajeetharan · Accepted Answer · 2019-09-27 11:59:08Z

7

If you are calling this method inside your component, use .subscribe()

this.userService.deleteUser(user).subscribe(() => console.log("user deleted")); this.errorMessage = error);

edited Sep 27, 2019 at 11:59

answered Oct 6, 2017 at 10:01

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Collectives™ on Stack Overflow

Angular 4 - HTTP delete not working

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related