Angular 角度HttpClient删除
我尝试使用HttpClient(Angular)从数据库中删除数据,实际上我使用的是包含delete方法的服务(MemberService) 这是我的会员服务: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:
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();
}