IONIC：あるディレクティブから別のディレクティブへデータを渡す

Question

ドロップダウンイオンオプションを使用して、データベースのすべての子を表示しています。私はの赤ちゃんのIDオブジェクトから、babydataをChildDataオブジェクトの*赤ちゃんのID **を別のフォームで使用するに渡すことができます。ここでは、コードは次のとおりです。代わりに私のIDを与えることのペイロード[https://i.stack.imgur.com/mDPvY.png]

に示すように、フォームデータが提出されたときに

<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> 

はしかし、それは私に次のような結果を与える、それは私に与えます姓と名。どのように私はbabydataからChildDataに赤ちゃんIDを渡すようにこれを解決することができます。 ??

Answer 1

それは彼が値を見つけることができませんので、あなたのケースで（オプションコンテンツにそれを、姓と名を含むHTMLをデフォルトの属性「値」ではない「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> 

をする必要があります）。