从ngFor获取项目名称

Question

我从以下列表中选择：

<ion-select multiple="true" okText="Select" cancelText="Cancel" required 
[(ngModel)]="retailerItemModel" formControlName="retailerItem" 
name="retailerItem">
        <ion-option *ngFor="let item of itemList | async" 
[value]="item.itemPrice">
          {{item.itemName}} &nbsp;Rs.{{item.itemPrice}}
        </ion-option>            
      </ion-select>

我正在使用item.itemPrice计算totalValue作为[value]（如上所述），但我也想获取item.itemName ..我得到正确值itemPrice但没有得到itemName ..请建议如何构建[value]以获取itemName和itemPrice的正确值

以下是获取itemList的TS文件：

public itemList: FirebaseListObservable<any>;
this.itemList = this.itemProvider.getItemList();

itemProvider TS：

getItemList(): FirebaseListObservable<any>{
return this.afDatabase.list(`userProfile/${this.userId}/itemList/`);
}

完成firebase输出 [！[在此处输入图像说明] [2]] [2]

saveItem(itemName: string, itemQuantity: number, itemUnit: string, itemPrice: number): firebase.Promise<any>{
return this.afDatabase.list(`userProfile/${this.userId}/itemList/`).push({      
  itemName,
  itemQuantity,
  itemUnit,
  itemPrice
});

}