我想传递一个html模型值<剑道下拉列表style="宽度:92%;"[数据]="年份"[(ngModel)]="所选年份">它位于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模型值<剑道下拉列表style="宽度:92%;"[数据]="年份"[(ngModel)]="所选年份">它位于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;
  }

推荐答案

每当值更新时,都需要将该值传递给服务.

在模板中,

<kendo-dropdownlist (ngModelChange)="onChange($event)"  [data]="year" [(ngModel)]="selectedYear"></kendo-dropdownlist>

在ts中,

onChange(year){
 this._homeServise.selectedYear = this.selectedYear;
}

Angular相关问答推荐

如何从2个api获取数据并查看Angular material 表中的数据?

如何重置表单中的特定字段?

找不到模块'@angular/compiler'

ngx-toastr,Toast 未在 Angular 7 中显示

为什么Angular 12 'ng serve' 构建应用程序的速度很慢?

Angular 2 中的 $implicit 是什么?

将外部 CSS 加载到组件中

在 Angular 2 中使用 store (ngrx) 有什么好处

在 2 个模块之间共享组件

ngClass 中的多个条件 - Angular 4

Angular 5:No provider for ControlContainer

如何处理在 Angular CLI 中安装对等依赖项?

如何将新字体导入项目 - Angular 5

如何绑定到 angular2 中的 data-* 属性?

我可以在 Angular / Angular Material 中以编程方式移动 mat-h​​orizo​​ntal-stepper 的步骤吗

Angular ReactiveForms:生成一组复选框值?

如何在 Angular2 上使用 onBlur 事件?

在 angular2 视图模板中传递枚举

number Pipe的参数是什么

错误 NG6002:出现在 AppModule 的 NgModule.imports 中,但无法解析为 NgModule 类