Заголовки HTTP-запросов не содержат пользовательских заголовков в angular

Question

Это мой angular сервисный метод.

public checkIn(checkInRequest: CheckInRequest): Observable<BookingRoomDetails> {
    let _headers = new HttpHeaders();
    _headers = _headers.append('Content-Type', 'application/json'); 
    let options = {      
      headers: _headers,
      withCredentials: true
    }
    const url = this._constantService.checkIn;
    return this._httpClient.post<BookingRoomDetails>(url, checkInRequest, options);
  }

Когда я записываю заголовок консоли, я получаю это.

Но когда я открываю заголовок запроса на вкладке "Сеть" Chrome, я не могу найти пользовательский заголовок.

Есть ли способ добавить пользовательские заголовки? Я знаю, что HttpHeaders неизменен ... и все же он не работает ...

Answer 1

импорт HttpHeaders из @angular/common/http. И тогда,

let header = new HttpHeaders();
header.set('Content-Type', this.contentType);
return this._httpClient.post<BookingRoomDetails>(url, checkInRequest,{headers: header, withCredentials: true});

Или просто

return this._httpClient.post<BookingRoomDetails>(url, checkInRequest,{headers: {'Content-Type', this.contentType}, withCredentials: true});