/**/

我想传递一个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相关问答推荐

带有数据的 Angular 模板

在 Angular material表上调用 renderRows()

为什么 Angular2 routerLinkActive 将活动类设置为多个链接?

material Angular手风琴header/title高度

无法绑定到“matMenuTriggerFor”,因为它不是“ button”的已知属性

无法从模块“it was neither declared nor imported”导出服务

Angular-CLI 代理到后端不起作用

ERROR 错误:StaticInjectorError(AppModule)[UserformService -> HttpClient]:

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

angular4的所见即所得编辑器

Angular7 中的 CORS 策略已阻止源“http://localhost:4200”

如何使用 Angular 6 工作的 ngModel 创建自定义输入组件?

Angular2:无法读取未定义的属性“名称”

ngClass 中的多个条件 - Angular 4

@Input 属性在 Angular 2 的 onInit 中未定义

Angular 2 HostListener 按键检测转义键?

如何从 Angular 4 中的 url 获取参数?

Angular 2如果路径不存在,如何重定向到404或其他路径

是否可以在代码中使用管道?

在 Angular 中手动触发变更检测