Question

我正在尝试为Angular 6的多个Kendo DropDownList重用代码

<kendo-dropdownlist
    [data]="listItems"
    textField="text"
    valueField="value"
    [(ngModel)]="selectedItem">
</kendo-dropdownlist>

通过使用* ngFor =“让商品项”模板。

let items = [[ngModel1, ngModel2, ngModel3]]

有没有一种方法可以对我的项数组中的多个实例进行ngModel绑定？

有人有什么主意吗？

谢谢

Answer 1

您可以使用 let-dataItem 指令。

要定义项目模板，请将带有kendoTemplate指令的标签嵌套在组件标签中。然后将模板上下文设置为当前组件。要获取对当前数据项的引用，请使用 let-dataItem 指令。

因此dataItem的selectedItem将存储模型值。

帮助API：https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/ItemTemplateDirective/

<ng-template kendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
    <kendo-dropdownlist 
       [data]="listItems" 
       textField="text" 
       name="text" 
       valueField="value"
      [(ngModel)]="dataItem.selectedItem">
    </kendo-dropdownlist>
  </ng-template>

kendo for Angular 6重用具有不同ngModel属性的DropDownList

1 个答案: