IONIC:将数据从一个指令传递到另一个指令

Question

我正在使用下拉离子选项来显示数据库中的所有子选项。我希望将对象中的 Baby's id、babydata传递给ChildData对象的 *Baby's id**，以便以单独的形式使用。这是代码：

<ion-item> 
<ion-label>Child</ion-label>
<!-- <ion-icon name="happy" item-left></ion-icon> -->
<ion-select  okText="Select" cancelText="Dismiss" [(ngModel)]="ChildData.BabyProfile_idBabyProfile">
<ion-option *ngFor="let item of babydata" ng-value="item.idBabyProfile" >
<p [innerHTML]="item.firstName"></p>
<p [innerHTML]="item.lastName"></p>
</ion-option>
</ion-select>
</ion-item>

但是，当提交表单数据时，它会给我以下结果，如有效负载[ https://i.stack.imgur.com/mDPvY.png ]

它没有给我ID，而是给了我名字和姓氏。我该如何解决这个问题，以便将婴儿ID从婴儿数据传递到儿童数据。??

Answer 1

它应该是"value"而不是"ng-value">

<ion-option *ngFor="let item of babydata" value="item.idBabyProfile" >
<p [innerHTML]="item.firstName"></p>
<p [innerHTML]="item.lastName"></p>
</ion-option>
</ion-option>

由于他找不到 value 属性，因此默认为选项内容(在您的情况下，包含 firstName 和 lastName 的 html(。