выпадающий список kendo angular не отображает элемент по умолчанию

#angular #kendo-ui #kendo-ui-angular2

#angular #kendo-ui #kendo-ui-angular2

Вопрос:

У меня есть выпадающий список kendo для angular, который приведен ниже:

 <kendo-dropdownlist style="padding: 0.25em;" [defaultItem]="'defaultItem'"[data]="turlist" [(ngModel)]="selectedValue" textField="turbine_name"
valueField="turID" >
</kendo-dropdownlist>
  

значение по умолчанию равно :

 public defaultItem: { text: string, value: number } = { text: "Select item...", value: null };
  

но когда мой выпадающий список привязан, он не показывает «выбрать элемент …»

Ответ №1:

Пожалуйста, внимательно прочитайте документацию.

В случае, если вы хотите использовать kendo-dropdownlist в своем HTML таким образом:

 <kendo-dropdownlist
           style="padding: 0.25em;"
           [defaultItem]="defaultItem"
           [data]="turlist"
           [(ngModel)]="selectedValue"
           [textField]="'turbine_name'"
           [valueField]="'turID'" >
</kendo-dropdownlist>
  

пожалуйста, измените свой defaultItem на:

 public defaultItem: { turbine_name: string, turID: number } = { turbine_name: "Select item...", turID: null };
  

Ответ №2:

Попробуйте удалить одинарные кавычки

[defaultItem]="'defaultItem'" ==> [defaultItem]="defaultItem"

рассмотрите возможность принятия ответа, если он работает. 🙂