2017-06-30 6 views
0

firebaseから一連のデータを照会して、データのリストをhtmlページに正常に取得しました。私のonViewProfile関数のhtmlページから対応するitem.uid値を参照する方法はありますか?ありがとう。 は、テキストionic 2はtsファイルのhtmlファイルの値を参照していますか?

HTMLファイルを強調

<ion-content padding> 
    <ion-label>Type</ion-label> 
    <ion-select [(ngModel)]="type" (ionChange)="searchPitchesByType(type)"> 
     <ion-option value="test1">test1</ion-option> 
     <ion-option value="test">test</ion-option> 
    </ion-select> 
<ion-list> 
    <ion-item *ngFor="let item of pitches | async"> 
     Name: {{ item.name }} 
     <p> 
     Description:{{ item.description }} 
     </p> 
     <p> 
     uid:{{ item.uid }} 
     </p> 
     <button right ion-button icon-only (click)="onViewProfile()"> 
     <ion-icon name="add"></ion-icon> 
     </button> 
    </ion-item> 
    </ion-list> 

</ion-content> 

TSは、まあ、私が、私はそれが右の届かない感じるように簡単です

export class DiscoverPage { 
    public pitches: FirebaseListObservable<any>; 

    constructor(
    private navCtrl: NavController, 
    private loadingCtrl: LoadingController, 
    private popoverCtrl: PopoverController, 
    public afDatabase: AngularFireDatabase 
    ) {this.pitches = afDatabase.list('/Pitches/');} 

searchPitchesByType(type: string){ 

    this.pitches = this.afDatabase.list('Pitches', { 
    query: { 
     orderByChild: 'type', 
     equalTo: type 

    } 

    }) 



} 
onViewProfile() { 
    let data = { 
    uid: **(uid that corresponds to the uid in html)** 


    } 
    console.log(this.navCtrl.push(ViewProfilePage, data)); 
} 
} 

答えて

2

を提出します。

次に、あなたのTSが

onViewProfile(item) { 
    let data = { 
    uid: item.uid 


    } 
    console.log(this.navCtrl.push(ViewProfilePage, data)); 
} 
+1

THXたくさんの人に変わります。この

<ion-item *ngFor="let item of pitches | async"> Name: {{ item.name }} <p> Description:{{ item.description }} </p> <p> uid:{{ item.uid }} </p> <button right ion-button icon-only (click)="onViewProfile(item)"> <ion-icon name="add"></ion-icon> </button> </ion-item> 

のようなパラメータとして渡す必要があります!申し訳ありません本当に新しいXDのようです – Chris

+0

@Chris私たちは問題を閉じることができるようにこれを受け入れられた答えとしてマークしてください:) – sebaferreras

関連する問題