Bulk delete over API in angular 8

Question

I want to send a list of deleted objects to the backend over Api, How should I do that?

 public deleteOrders(orderr: Order): Observable<string> {
 return this.http.delete<string>(url, order); >>> Error 

error : Type 'Order' has no properties in common with type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "json"; withCredentials?: boolean; }'

Answer 1

See if this works for you!

headers = new HttpHeaders({}).set('Content-Type', 'application/json').set('Accept', 'application/json').set('Access-Control-Allow-Origin', '*');
  httpOptions = {
    headers: this.headers
  };  

deleteDocument(_id: string): Observable<any> {
     return this.http.delete<Order>(url + `${_id}`, this.httpOptions);
   }

Answer 2

You can do something like this!

deleteOrders(orderr: Order): Observable<string> {

      let body = JSON.stringify(
          {
            "token": "....",
            "content": {
            "orderr": orderr
          }
        }
      );
      let headers = new Headers({ 'Content-Type': 'application/json' });
      let options = new RequestOptions({
        headers: headers,
        body : body
      });

      return this.http.delete(url, options);
    }