Угловой HttpClient Удалить

Question

Я пытаюсь удалить данные из своей базы данных с помощью HttpClient (Angular), на самом деле я использую службу (MemberService), которая содержит метод удаления.

Существует мой MemberService:

export class MemberService {

  constructor(private http: HttpClient) { }

  getMembers(): Observable<IMember[]> {
    return this.http.get<IMember[]>('http://localhost:50867/api/Member');
  }

  getMember(memberId) {
    return this.http.get('http://localhost:50867/api/Member/' + memberId);
  }

  deleteMember(memberId) {
    return this.http.delete('http://localhost:50867/api/Member/' + memberId);
  }
}

Поэтому, когда я нажимаю на кнопку в моем component.html, которая удаляет данные.

Вот мой код component.ts:

export class MemberDetailComponent implements OnInit {

  public member$: Object ;
  private id$: Object;

  constructor(private route: ActivatedRoute, private _memberService: MemberService) {
    this.route.params.subscribe( params => this.member$ = params.id );
  }

  ngOnInit() {
    this.id$ = this.member$;
    this._memberService.getMember(this.member$).subscribe(
      data => this.member$ = data);

  }

  deleteMember() {
    this._memberService.deleteMember(this.id$);
  }

}

Вот мой component.html:

<h1>{{ member$.username }}</h1>

<ul>
  <li><strong>wow:</strong> {{ member$.username }}</li>
  <li><strong>Email:</strong> {{ member$.emailUser }}</li>
  <li><strong>Phone:</strong> {{ member$.userPwd }}</li>
  <button (click)="deleteMember()">Delete</button>
</ul>

Поэтому, когда я запускаю свое приложение и нажимаю на кнопку, элемент id правильный, но ничего не происходит (в консоли нет ошибки).Заранее спасибо;)

Answer 1

в component.ts, вы должны subscribe в вашей deleteMember функции, например:

deleteMember() {
  this._memberService.deleteMember(this.id$).subscribe();
}