Динамически устанавливаемый параметр для заголовков при вызове http angular 6

Question

Я хочу установить параметр "projectId": '1' в HttpHeaders динамически и хочу передать его на серверную часть, используя код http.Ниже приведен код, используемый для этого.Как установить значение для заголовка?

  const httpOptions = {   headers: new HttpHeaders({
        "Content-Type": "application/json",
        "Authorization": "my-auth-token",   })

public getConfiguredIntgrationsList(): Observable<any> {
    let uri = `${apiUrl}/integrations/configuredintgrations`;
    return this.http.get<any[]>(uri, { headers: httpOptions.headers }).pipe(
      tap(res => {
        //console.log("tap bfr:" + JSON.stringify(res));
      }),
      map(res => {
        //console.log("at map:" + res);
        return res;
      }),
      tap(res => {
        //console.log("tap aftr:" + res);
      }),
      catchError(err => {
        return throwError("Something bad happened; please try again later.");
      })
    );   }