将 html ngModel 值传递给服务 Angular

我想传递一个html模型值&lt；剑道下拉列表style="宽度:92%；"[数据]="年份"[(ngModel)]="所选年份"&gt；它位于Combocomponent上.html，指向一个名为Home的服务.服务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"值传递给selected Year，这样每次用户输入一年时.

组合组件.html

我想传递一个html模型值&lt；剑道下拉列表style="宽度:92%；"[数据]="年份"[(ngModel)]="所选年份"&gt；它位于Combocomponent上.html，指向一个名为Home的服务.服务ts.

在服务内部，我有以下代码:

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

我想动态地将[(ngModel)]="selectedYear"值传递给selected Year，这样每次用户输入一年时.

组合组件.html

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

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

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

组合组件.t

  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;
  }