"[オブジェクトオブジェクト]"がドロップダウンの値

Question

私の角のあるアプリケーションで剣道のドロップダウンを使用しようとしています。彼らのサイトで与えたサンプルでは、​​このプランナーのようにArray<string>をドロップダウンリストにバインドしています。http://plnkr.co/edit/FZWzZ8yPxsRJLjXnjKc1?p=preview

今、バインドしたいものは少し異なります。そのオブジェクトの配列。

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

をしかし、私はドロップダウンに[Object Object]を取得しています：http://plnkr.co/edit/pMxbHkI3UuUHjMH6jp25?p=preview

Answer 1

考えられる解決策はあなたは結果を期待します

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"}]; 
}