В Angular7, Как я могу получить ответ объекта от моего .subscribe http ответа от API

Question

Хотелось бы, чтобы мой список обновлялся, когда я добавляю новый объект 'puits'.Так что мне нужно получить свой объект "pts" как "puits", который я только что добавил, как ответ от подписки, или, может быть, другой метод?Я думаю, что я могу использовать httpOptions или что-то еще, чтобы получить свои объекты, и использовать функцию fonction get с «местоположением» заголовков?

//my code in my component :  
puits: Puits[] = [];

  pts: Puits = {
    nom: 'OP100',
    idSite: 1,
    idtypepuits: 1,
  };

ngOnInit() {
    this.getPuits();
  }

add(nom: string): void {
    nom = nom.trim();
    if (!nom) { return; }
    this.puitsService.addPuits({ nom } as Puits)
     .subscribe( pts  => {this.puits.push(pts);
      });
  }    


//my code in my service :     
addPuits (puits: Puits): Observable<Puits> {
  return this.http.post<Puits>(this.puitsUrl, puits, httpOptions).pipe(
    tap((newPuits: Puits) => this.log(`Puits ajouté au nom=${newPuits.nom}`)),
    catchError(this.handleError<Puits>('addPuits'))
  );
}

//my server response when i add a puits :    
Location →http://localhost:9090/Base_Puits/Puits/272    
Content-Length →0    
Date →Thu, 07 Feb 2019 09:54:58 GMT