Ng 多选下拉菜单显示选项为空白？

Question

我正在尝试为我的项目实现一个基本的多选下拉菜单。我的代码如下：

HTML

<ng-multiselect-dropdown [settings]="searchSettings" [data]="dummyList" multiple>
</ng-multiselect-dropdown>

TS

dummyList = [
    { item_id: 1, item_text: 'Mumbai' },
    { item_id: 2, item_text: 'Bangaluru' },
    { item_id: 3, item_text: 'Pune' },
    { item_id: 4, item_text: 'Navsari' },
    { item_id: 5, item_text: 'New Delhi' }
  ]

  searchSettings: TslMultiSelectSettings = {
    enableSearchFilter: true,
    noDataLabel: 'Search For status',
    labelKey: 'status',
    primaryKey: 'status'
  }

这成功地创建了包含正确数量的项目的下拉列表。但它显示为空白，我不知道为什么。见图片：

当我在 devtools 中检查元素时，我可以看到名称也是选项：

我在做什么使文本不显示，我该如何解决？

Answer 1

勾选the docs，格式为：{ id: number|string, text: string }。

更新

我什至不确定您使用的库是否与我链接的库相同。但如果你是，你可以这样使用它：

dummyList = [
    { id: 1, text: 'Mumbai' },
    { id: 2, text: 'Bangaluru' },
    { id: 3, text: 'Pune' },
    { id: 4, text: 'Navsari' },
    { id: 5, text: 'New Delhi' }
]

<ng-multiselect-dropdown [data]="dummyList"></ng-multiselect-dropdown>

我不知道您从哪里获得以下界面，它与我在答案开头所指的库不匹配，请确认您使用的是哪个 npm 库。

searchSettings: TslMultiSelectSettings = {
    enableSearchFilter: true,
    noDataLabel: 'Search For status',
    labelKey: 'status',
    primaryKey: 'status'
}