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

Question

我正在使用下拉式离子选项来显示我的数据库中的所有子项。我想宝贝的编号从对象，babydata将被传递到ChildData对象的*婴儿的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，它给我的名字和姓氏。我怎样才能解决这个问题，以便我将babydata的baby id传递给ChildData。 ??

Answer 1

它应该是“价值”而不是“NG价值”

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

因为他找不到属性的值默认为选择的内容（在你的情况下，包含名字和姓氏的HTML ）。