數據綁定失敗NG2-選擇

我試圖綁定對象的數組使用ng2-select.It工作正常，當我試圖使用字符串數據綁定失敗NG2-選擇

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我module.ts

來源

2017-04-21 user19041992

你能對你的問題更具體嗎？你是否遇到控制檯錯誤或選擇下拉列表爲空？ –

選擇下拉列表爲空 – user19041992

格式的數據是不正確的。

相反的：

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模塊開發人員定義的。

來源

2017-04-21 13:25:38

但是如果數據來自web api，該怎麼辦？是否需要以{id：「」，text：「」}格式轉換數據 – user19041992

是的，您需要這樣做。由於你無法定義什麼是對象的關鍵和價值，它只是由ng-select的開發人員公開的。但這在大多數下拉模塊中並不罕見。 –

數據綁定失敗NG2-選擇

回答

相關問題