Kendo DropdownList 在尝试填充时显示 [Object Object]

Question

我正在尝试用枚举值填充我的 Kendo 下拉列表。但结果显示 [Object Object]。

HTML:

<kendo-dropdownlist id="ddlRoleType"
formControlName="roleType"
[(ngModel)]="roleType"
style="width:100%"
[data]="roleTypes"
[textField]="name"
[valueField]="value"></kendo-dropdownlist>

在Component.ts中：

roleTypes: roleType[];
this.roleTypes = EnumExtension.getNamesAndValues(EnumRoleType);

角色类型Class:

export class roleType {
    name: string;
    value: number;
}

Answer 1

您需要在 name 和 value 周围添加 ''，如下所示。

[textField]="'name'"
[valueField]="'value'"

参考此 Demo 工作示例。