ng2-select中的数据绑定失败 [英] data binding failed in ng2-select

问题描述

我正在尝试使用ng2-select将对象数组绑定到下拉列表.当我尝试使用字符串数组时，它可以正常工作

I am trying to bind array of object to dropdown using ng2-select.It works fine when I tried using array of string

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>

我还已经在模块中导入了selectModule.ts

I have also Imported selectModule in my module.ts

推荐答案

数据格式不正确.

代替:

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模块开发人员定义的.

The difference is in value which represents key of one item. This i ofcourse defined by ng-select module developer.

这篇关于ng2-select中的数据绑定失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！