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

提问于 2024-04-20T18:15:53+08:00

浏览次

0

我正在尝试为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 回答

0
您可以使用 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>
```
回复于 2024-04-20T18:15:53+08:00

相关问题