Передать значение html ngModel сервису --Angular

Я хочу передать значение html ngModel <kendo-dropdownlist style=" width: 92%;" [data]="year" [(ngModel)]="selectedYear">, который находится на Combocomponent.html, в службу, которая называется Home.service.ts.

Внутри службы у меня есть этот код:

  selectedYear=2022;

  configUrl1 = 'https://localhost:44361/api/Active_Serviced_Outlets?Year='+this.selectedYear+'&quarter=1&month=1';
  getMethod1() {
    
    return this.http.get(this.configUrl1);
  }

Я хочу динамически передавать значение [(ngModel)]="selectedYear" выбранному году, поэтому каждый раз, когда пользователь вводит год.

ComboComponent.html

Я хочу передать значение html ngModel <kendo-dropdownlist style=" width: 92%;" [data]="year" [(ngModel)]="selectedYear">, который находится на Combocomponent.html, в службу, которая называется Home.service.ts.

Внутри службы у меня есть этот код:

  configUrl1 = 'https://localhost:44361/api/Active_Serviced_Outlets?Year=2021&quarter=1&month=1';
  getMethod1() {
    
    return this.http.get(this.configUrl1);
  }

Я хочу динамически передавать значение [(ngModel)]="selectedYear" выбранному году, поэтому каждый раз, когда пользователь вводит год.

ComboComponent.html

<div class = "row">
  <div class = "column">

    <p> &nbsp; &nbsp;<b>Year </b></p>

    <kendo-dropdownlist [data] = "year" [(ngModel)] = "selectedYear"></kendo-dropdownlist>
  </div>
    </div>

ComboComponent.ts

  public year: Array<string> = [
    "2022",
    "2021",
    "2020",
    "2019",
    "2018",
  ];

  public get selectedYear() {
    return this._homeServise.selectedYear;
  }
  public set selectedYear(year: number) {
    this._homeServise.selectedYear = year;
  }