значение по умолчанию выпадающего кендо не устанавливается в угловых

Question

Я привязал данные к выпадающему списку кендо в приложении angular 7 и сейчас пытаюсь установить значение по умолчанию. Я установил для свойства defaultItem идентификатор, совпадающий с полем значений, но, похоже, он не показывает значение по умолчанию. Вместо этого отображается текст FundClassId.

Разметка

 valueField="FundClassId" defaultItem = "FundClassId"  (valueChange)="flashClassChanged($event)"></kendo-dropdownlist>

Компонент

fundclassSelected: any;

Структура JSON

"[{"FundClassId":13714,"FundClass":"Class D"},{"FundClassId":13717,"FundClass":"Class B"},{"FundClassId":13713,"FundClass":"Class A"},{"FundClassId":13716,"FundClass":"Class B1"},{"FundClassId":13715,"FundClass":"Class C"}]"

Answer 1

Ваш список представляет собой массив объектов, но вы пытаетесь установить строку в качестве значения по умолчанию, что делает его неправильным, установите значение по умолчанию, как один из элементов списка:

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist 
    [data]="newData" 
    textField="FundClassId"
    valueField="FundClassId"
    [defaultItem]="defaultItem"
    >
    </kendo-dropdownlist>
  `
})
export class AppComponent {
  public newData = [{"FundClassId":13714,"FundClass":"Class D"},{"FundClassId":13717,"FundClass":"Class B"},{"FundClassId":13713,"FundClass":"Class A"},{"FundClassId":13716,"FundClass":"Class B1"},{"FundClassId":13715,"FundClass":"Class C"}];
  defaultItem = this.newData[0]; //or defaultItem = {"FundClassId":"default item ...","FundClass":"Class D"};
}

DEMO .