如何在comboBox循环中动态设置Kendo comboBox或Kendo下拉列表的值？

Question

我在comboxBox或dropdwonList的ngFor中传递数据。如何根据数据源中的对象设置值。例如，我希望将ngModel设置为healthParameterValue.isSelected，以选择comboBox的值。

我看到的所有示例都是将静态值传递给ngModel，但我希望动态设置值。

<tbody *ngFor="let healthParameters of healthParameterType.healthParameters; let i = index">
    <tr>
       <td>{{healthParameters.healthParameterSetting}}</td>
      <td width="30%">
        <div class="formCheckGroup pab-2" *ngIf="healthParameters.isMultiSelectEnabled == false" >
             <kendo-combobox 
               [data]="healthParameters.healthParameterValues"
               [textField]="'name'"
               [valueField]="'id'"
               [(ngModel)]="defaultItem[healthParameterValue.isSelected]"
               name="HealthParameterValue 
               (valueChange)="valueChange($event,healthParameterType.id,healthParameters.id)">
             </kendo-combobox>
        </div>
      </td>
  </tr>                           

​

​

提前谢谢。

Answer 1

我不确定在您的示例中什么是defaultItem，但是根据文档，为kendo-combobox设置动态值的正确方法如下：

@Component({
  selector: "my-app",
  template: `
    <div *ngFor="let item of items">
      {{ item.name }}
      <kendo-combobox
        [data]="listItems"
        [(ngModel)]="item['selectedValue']"
      ></kendo-combobox>
    </div>
  `
})
export class AppComponent {
  public listItems: Array<string> = ["Small", "Medium", "Large"];
  items = [
    { name: "a", selectedValue: "Medium" },
    { name: "b", selectedValue: "Large" }
  ];
}

所以工作演示