Angular не отправляет запрос PUT на сервер

Question

Мой компонент

 saveStudentDetails(values) {
  const studentData = {};

  studentData['s_pNumber'] =  values.s_pNumber;
  studentData['s_address'] =  values.s_address;
  studentData['s_pCode'] =  values.s_pCode;
  studentData['s_city'] =  values.s_city;
  studentData['s_state'] =  values.s_state;
  studentData['s_country'] =  values.s_country;

  this.crudService.createAddress(studentData).subscribe(result => {
    this.student = result;
    this.toastr.success('Your data has been inserted', 'Success !', { positionClass: 'toast-bottom-right' });
     this.router.navigate(['/finance']);
  },
    err => {
      console.log('status code ->' + err.status);
      this.toastr.error('Please try again', 'Error !', { positionClass: 'toast-bottom-right' });
});}

Мой сервис

createAddress(data) {

const postHttpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json'
  })
 };

postHttpOptions['observe'] = 'response';

return this.http.put(this.url + 'address/${id}', data, postHttpOptions)
.pipe(map(response => {
       return response;
  }));
}

Почему мой сервис не отправлял какие-либо данные в мой бэкэнд, когда я нажимаю кнопку для обновления, она не показывает никаких ошибок. Я просто возвращаю истину и перехожу на страницу «Финансы», а не показываю какую-либо ошибку. Но в моей базе данных данные не обновляются. Но когда я тестировал свой бэкэнд с помощью почтальона, он работал. Нет ошибок.