如何以对象数组的形式传递数据？

Question

我在我的 angular 5 项目中使用包 ngx select dropdown 并且想知道我如何传递对象数组而不是字符串数组。目前，如果我这样做，它会在下拉列表中显示 [Object Object] 作为选项。

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: ''
    }

并且我想在下拉列表中向用户显示说明，并在 select 上获取 selected 选项的 ID。

Answer 1

我自己找到了问题的答案。 config.displaykey 丢失，根据要求添加该密钥使其工作。

/** 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: ''
}

Answer 2

如果传递对象数组，则必须在配置中传递 displayKey

displayKey:"description"

检查here

如何以对象数组的形式传递数据？

how to pass data in form of array of objects?

javascript

angular

angular5

dropdown

ngx-select-dropdown