CODEWITHSUNDEEP
angularkendo-ui
Salman Arefin
Salman Arefin

Reputation: 373

Kendo DropdownList showing [Object Object] when trying to populate

I am trying to populate my Kendo Dropdownlist with enum values. But it is showing [Object Object] as result.

HTML:

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

In Component.ts:

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

The roleType Class:

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

Upvotes: 0

Views: 1419

Answers (1)

Himanshu Singh
Himanshu Singh

Reputation: 2165

You need to add '' around name and value like shown below.

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

Refer this Demo for working example.

Upvotes: 3

Related Questions