ng2-select 中的数据绑定失败

2024-05-09

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

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


您的数据格式不正确。

代替:

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

Use:

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ng2-select 中的数据绑定失败 的相关文章

随机推荐