how to pass data in form of array of objects?

Question

I am using the package ngx select dropdown in my angular 5 project and wanted to know how I pass an array of objects instead of an array of strings. Currently, If I am doing so it's showing [Object Object] as options in the dropdown.

data=[ {
        "id": "ab",
        "description": "аҧсуа"
    },
    {
        "id": "aa",
        "description": "Afaraf"
    },
    {
        "id": "af",
        "description": "Afrikaans"
    },
    {
        "id": "ak",
        "description": "Akan"
    }]

 <ngx-select-dropdown [config]="config" [options]="data" [(ngModel)]="datasel" [multiple]="false">
 </ngx-select-dropdown>

/** ngx-select-dropdown config */
    public config: any = {
        search: true,
        height: '260px',
        placeholder: 'Select',
        customComparator: () => { },
        limitTo: 10,
        moreText: 'more',
        noResultsFound: 'No results found!',
        searchPlaceholder: 'Search',
        searchOnKey: ''
    }

and I want to display description to users in dropdown and on select get id of the selected option.

Vinay · Accepted Answer · 2020-06-30 06:16:41Z

3

You have to pass displayKey in config if array of objects is passed

displayKey:"description"

check here

answered Jun 30, 2020 at 6:16

Vinay

2,3394 gold badges23 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ABGR · Accepted Answer · 2020-06-30 06:49:25Z

3

I have found an answer to the question myself. config.displaykey was missing, adding that key according to the requirement made it work.

/** ngx-select-dropdown config */
public config: any = {
    displayKey: "description",
    search: true,
    height: '260px',
    placeholder: 'Select',
    customComparator: () => { },
    limitTo: 10,
    moreText: 'more',
    noResultsFound: 'No results found!',
    searchPlaceholder: 'Search',
    searchOnKey: ''
}

edited Jun 30, 2020 at 6:49

ABGR

5,2634 gold badges34 silver badges56 bronze badges

answered Jun 30, 2020 at 6:10

Diksha Goyal

3401 gold badge8 silver badges22 bronze badges

Collectives™ on Stack Overflow

how to pass data in form of array of objects?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related