剑道下拉菜单的默认值未设置为角度答案

【问题标题】：default value of kendo drop down not being set in angular剑道下拉菜单的默认值未设置为角度
【发布时间】：2019-04-14 19:43:28
【问题描述】：

我已将数据绑定到 Angular 7 应用程序中的 kendo-dropdown 列表，现在尝试设置默认值。我已将 defaultItem 属性设置为与 valuefield 相同的 id，但它似乎没有显示默认值。它改为显示文本 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"}]"

【问题讨论】：

标签： angular kendo-ui

【解决方案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.

【讨论】：