angular - Kako proslijediti argument iz korisničkog sučelja u graphql za dohvat podataka

Imam GraphQl URL s kojeg mogu dohvatiti podatke s backend-a. Međutim, problem je što trenutno pružam hardkodirani ID kupca za dohvaćanje podataka. Želim stvoriti unosno polje i zatim omogućiti korisniku da dohvaća zapis bilo kojeg kupca unosom ID-a kupca. Trenutni hardkodirani kod za dohvaćanje zapisa kupca:

ngOnInit() {
this.apollo
.watchQuery({
  query: gql`
    {
      findCustomer(id: "UF2aLa1L687") {
        id
        customerType
      }
    }
  `,
})
.valueChanges.subscribe(result => {
  this.customer = result.data ;
  this.loading = result.loading;
  this.error = result.errors;
  console.log('Customer Info', this.customer);
  console.log('Loading', this.loading);
  console.log('Error', this.error);

});

}

Kako prenijeti vrijednost iz korisničkog sučelja, trebam nešto slično dvosmjernom povezivanju u Angularu koristeći ngModel. Pokušao sam ovaj kod, ali dobivam pogrešku 'Unterminated String'.

  searchByCustomerIdGraphQL() {
console.log(this.customerIdValue);
this.isLoadingResults = true;
this.apollo.watchQuery({
  query: gql`
  {
    findCustomer(id : "` + this.customerIdValue + `") {
      id
    }
  }
  }`
}).valueChanges.subscribe( result => {
  this.customerSearchRecord = result.data;
  this.loading = result.loading;
  this.error = result.errors;
});
}

Može li mi netko pomoći da shvatim kako proslijediti vrijednosti?