Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度HttpClient删除_Angular_Components_Httpclient - Fatal编程技术网

Angular 角度HttpClient删除

Angular 角度HttpClient删除,angular,components,httpclient,Angular,Components,Httpclient,我尝试使用HttpClient(Angular)从数据库中删除数据,实际上我使用的是包含delete方法的服务(MemberService) 这是我的会员服务: export class MemberService { constructor(private http: HttpClient) { } getMembers(): Observable<IMember[]> { return this.http.get<IMember[]>('http:

我尝试使用HttpClient(Angular)从数据库中删除数据,实际上我使用的是包含delete方法的服务(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);
  }
}
这是my 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>
{{member$.username}
  • wow:{{member$.username}
  • 电子邮件:{{member$.emailUser}
  • 电话:{{member$.userPwd}
  • 删除
因此,当我启动我的应用程序并单击按钮时,id成员是正确的,但什么也没有发生(控制台中没有错误)。
提前感谢;)

component.ts
中,您必须在
deletember
函数中订阅
,如下所示:

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

如果不订阅,则不会触发http调用。这就是为什么你什么都得不到。你的请求不会被解雇。如果您在inspector中打开网络,您甚至不会看到该请求启动。谢谢您执行;)
deleteMember() {
  this._memberService.deleteMember(this.id$).subscribe();
}