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

时间:2017-08-08 12:56:05

标签: angular ionic-framework angularjs-directive ionic2

我正在使用drop down ionic-option来显示我数据库中的所有子项。我希望来自对象的 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从babydata传递给ChildData。 ??

1 个答案:

答案 0 :(得分:0)

它应该是&#34;价值&#34;不是&#34; ng-value&#34;

<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包含firstName和lastName)。