кендо для Angular 6 повторно использовать DropDownList с другим свойством ngModel - PullRequest
Новая
       5

кендо для Angular 6 повторно использовать DropDownList с другим свойством ngModel

0 голосов
/ 28 сентября 2018

Я пытаюсь повторно использовать код для нескольких кендо DropDownList для Angular 6 

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

с помощью шаблона * ngFor = "let item of items". 

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

Есть лиспособ, которым я мог бы использовать ningModel с тысячами экземпляров из моего массива items?

У кого-нибудь есть идеи?

Спасибо

1 Ответ

0 голосов
/ 12 октября 2018

Вы можете использовать директиву let-dataItem .

Чтобы определить шаблон элемента, вложите тег с директивой kendoTemplate внутри тега компонента.Затем контекст шаблона устанавливается для текущего компонента.Чтобы получить ссылку на текущий элемент данных, используйте директиву let-dataItem .

Так что selectedItem в dataItem будет хранить значения модели.

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>
...