ListPicket получает значение индекса вместо valueField

Question

component.ts:

colors = [{name: "Blue", id: 1}, {name: "Red", id: 2}];

onSubmit(shirt) {
console.log(shirt);
}

шаблон. html:

<form #f="ngForm">
<ListPicker [items]="colors" valueField="id" textField="name" [(ngModel)]="shirt.color" name="color"></ListPicker>
<Button (tap)="onSubmit(f.value)" text="Save"></Button>
</form>

Вывод, когда я выбираю «Синий», например:

{
 "color": 0
}