Javascript 离子2从ts文件中引用html文件中的值？

我正在从firebase查询一组数据，并成功地将数据列表拉入我的html页面。有没有办法在我的onViewProfile函数中引用html页面中相应的item.uid值，以便将其推送到另一个页面？谢谢，谢谢

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>

类型
测试1
测试
名称：{{item.Name}

描述：{{item.Description}}


uid:{{item.uid}

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));
}
}

导出类发现页面{
公共场地：可观察到火箭筒；
建造师(
专用navCtrl:NavController，
私有加载Ctrl:LoadingController，
专用popoverCtrl:PopoverController，
公共afDatabase:AngularFireDatabase
){this.pitchs=afDatabase.list（'/pitchs/'）；}
SearchPitchsByType（类型：字符串）{
this.pitchs=this.afDatabase.list（'pitchs'{
查询：{
orderByChild:“类型”，
等号：类型
}
})
}
onViewProfile（）{
让数据={
uid:*（与html中的uid相对应的uid）**
}
log（this.navCtrl.push（ViewProfilePage，data））；
}
}

好吧，它太简单了，我觉得我做得不对

必须像这样将其作为参数传递

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

---

好吧，这太简单了，我觉得我做得不对

必须像这样将其作为参数传递

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