Angular 5 http delete not working

Question

I'm trying to delete an article using http.delete but Angular isn't making the request. I'm not sure what's missing.

blog-service.ts:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/map';
const BASE_URL = 'http://localhost:8080';

[...]

deleteArticle(id) {
    this.http.delete(`${BASE_URL}`+'/api/articles/'+ id)
}

edit-blog.component.ts:

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ActivatedRoute, Router } from "@angular/router";
import { BlogService } from "../../../services/blog.service";

[...]

onPostDelete() {
    this.blogService.deleteArticle(this.urlParam.id)
}

ngOnInit() {
    this.urlParam = this.activatedRoute.snapshot.params;

    this.blogService.getArticle(this.urlParam.id)
    .subscribe(data =>this.article = data);
}

edit-blog.component.html:

<form [formGroup]="createPostForm" (submit)="onPostSubmit()" autocomplete="off">
[...]
</form>

<button class="btn btn-outline-danger" (click)="onPostDelete()">Delete Post</button>

Could somebody tell me what's missing? thanks

You need to subscribe to the Observable returned from delete. — Kirk Larkin
– Kirk Larkin, Commented Jan 10, 2018 at 17:45
I tried that as suggested here: stackoverflow.com/questions/46603088/…, but it throws the error "Cannot read property 'subscribe' of undefined" — user6030397
– user6030397, Commented Jan 10, 2018 at 17:56

Sajeetharan · Accepted Answer · 2018-01-10 18:00:28Z

6

Inorder to make the request, you need to subscribe as follows

onPostDelete() {
   this.blogService.deleteArticle(this.urlParam.id).subscribe((response) => {
     console.log("deleted"));
   });
}

and modify your blog-services as follows,

deleteArticle(id) {
   return this.http.delete(`${BASE_URL}`+'/api/articles/'+ id).map((response: Response) => response.json())
}

edited Jan 10, 2018 at 18:00

answered Jan 10, 2018 at 17:53

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

3 Comments

Sajeetharan Over a year ago

@KirkLarkin yep i did not see that

user6030397 Over a year ago

Oh, return! Thanks

Arpit Kumar Over a year ago

@Sajeetharan What if I need to send requestBody in delete request?

Collectives™ on Stack Overflow

Angular 5 http delete not working

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related