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

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

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

通过使用* ngFor =“let item of items”模板 .

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

有没有办法可以使用我的items数组中的miltiple实例来绑定ngModel?

有人有什么想法吗?

谢谢

回答(1)

3 years ago

您可以使用 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>