angular - 如何将正文添加到 Angular HttpClient 删除功能

Question

我们的项目正在迁移到Angular4，并@angular/common/http Httpclient用作默认网络工具。但我发现删除函数中没有body参数。如何添加正文删除功能？谢谢。

Answer 1

request您可以改为在 HttpClient 类上使用通用方法。此方法在选项中有正文。 https://angular.io/api/common/http/HttpClient#members

例如 this.http.request('delete', 'url', { body: ... })

Answer 2

const httpOptions = {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' }), body: your body data
};


return new Promise(resolve => {
    this.httpClient.delete(URL, httpOptions)       
                   .subscribe(res => {     
                       resolve(res);
                   }, err => {               
                       resolve(err);
                   });
    });

通过使用 httpOptions，您可以在其中设置 header 和 body。请参考此https://angular.io/tutorial/toh-pt6#delete-a-hero

Answer 3

我也遇到了这个问题，我的解决方案是创建一个新HttpRequest的删除方法，然后克隆这个请求，用你的数据重置它的主体。

let req = new HttpRequest('DELETE', 'url');
let newReq = req.clone({body: [10]});
this.http.request(newReq).subscribe((res) => {
    console.log(res);
}, (err) => {
    console.log(err);
});

是必需的clone()，因为 body 仍然不能直接设置在 new HttpRequest().

Answer 4

import { HttpClient, HttpParams } from '@angular/common/http';


constructor(private http: HttpClient) { }    


deleteItem(item: any): Observable<any> {
    let params = new HttpParams();
    params = params.append('itemId', item.itemId);
    return this.http.delete<any>(`url`, { params });
}