下拉列表中的「[object object]」

我想在我的角度應用程序中使用kendo下拉菜單。在他們在網站上給出的示例中，他們將Array<string>綁定到下拉列表中，就像您在此抓取工具中看到的一樣：http://plnkr.co/edit/FZWzZ8yPxsRJLjXnjKc1?p=preview 下拉列表中的「[object object]」

現在我想綁定的內容稍有不同。它是一個對象數組。這就是我想要綁定：

public listItems: any = [ 
    {"a":"Item 1"}, 
    {"b":"Item 2"}, 
    {"c":"Item 3"}, 
    {"d":"Item 4"}]; 
}

但我在下拉列表中得到一個[Object Object]：http://plnkr.co/edit/pMxbHkI3UuUHjMH6jp25?p=preview

來源

2017-05-08 Aakash Thakur

從而導致你期待什麼呢？爲什麼你的所有物體都有不同的鑰匙？ – yurzui

http://plnkr.co/edit/FYhEas7Odwx9CmLsFHRt?p=preview – yurzui

值反映，但搜索不工作也不選擇。 –

可行的辦法是連接下面

import { Component } from '@angular/core'; 

@Component({ 
selector: 'my-app', 
template: ` 
<kendo-combobox 
     [data]="listItems" 
     [textField]="'text'" 
     [valueField]="'value'" 
     [value]="selectedValue" 
     [valuePrimitive]="true" 
    > 
     <ng-template kendoComboBoxItemTemplate let-dataItem> 
      <span class="template">{{ dataItem.value }}</span> {{ dataItem.text }} 
     </ng-template> 
    </kendo-combobox> 
` 
}) 

export class AppComponent { 
    public listItems: any = [ 
    {"key":"a", "value":"Item 1"}, 
    {"key":"b", "value":"Item 2"}, 
    {"key":"c", "value":"Item 3"}, 
    {"key":"d", "value":"Item 4"}]; 
}

來源

2017-05-08 17:05:33

下拉列表中的「[object object]」

回答

相關問題