ng2-select 中的数据绑定失败

Question

我正在尝试使用 ng2-select.It 将对象数组绑定到下拉列表，当我尝试使用字符串数组时效果很好

private category: Array<object> = [{ "value": 1, "text": "Table" }, { "value": 2, "text": "Chair" }, { "value": 3, "text": "Light"}]

和我的html如下：

 <ng-select [items]="category" [allowClear]="true"
                                       placeholder="No country selected">
                            </ng-select>

我还在 module.ts

中导入了 selectModule

Answer 1

您的数据格式不正确。

而不是：

private category: Array<object> = [
    { "value": 1, "text": "Table" },
    { "value": 2, "text": "Chair" },
    { "value": 3, "text": "Light" }
]

使用：

private category: Array<object> = [
    { "id": 1, "text": "Table" },
    { "id": 2, "text": "Chair" },
    { "id": 3, "text": "Light" }
]

区别在于value，它代表一个项目的键。这当然是由 ng-select 模块开发人员定义的。

ng2-select 中的数据绑定失败

data binding failed in ng2-select

typescript

angular2-routing

ng2-bootstrap

angular