Ionic2-從離子列表中獲取單擊的項目並綁定到輸入字段

Question

我有一個public items = ['item1', 'item2', 'item3'];數組public items = ['item1', 'item2', 'item3']; 我在視圖中將其用作：

<ion-slide> <ion-list inset>
    <ion-item *ngFor="let item of items" (click)="getItem(title)">
      {{ title }}
    </ion-item>
</ion-list> </ion-slide>

我的getItem（title）函數如下：

getItem(item) {
console.log(item);
this.slider.slideNext();
}

所以基本上我要滑到下一個幻燈片項目，並將該項目作為參數傳遞。 在第二張幻燈片上，我使用：

<ion-slide> <ion-item>
          <ion-label stacked>Label</ion-label>
          <ion-input type="text">{{ item }}</ion-input>
</ion-item> </ion-slide>

我想顯示第一張幻燈片中單擊的項目，作為第二張幻燈片中輸入字段的值。

Answer 1

在您的組件中，只需聲明一個變量來存儲所選項目，然后在幻燈片中顯示該變量

export class MyComponent {

 public selectedItem: any;

 constructor(){}

 getItem(item) {
  // store item in variable
  this.selectedItem = item;
  console.log(item);
  this.slider.slideNext();
 }


}

然后在您的HTML中

<ion-slide> 
  <ion-item>
   <ion-label stacked>Label</ion-label>
   <ion-input type="text" [(ngModel)]="selectedItem"></ion-input>
  </ion-item> 
</ion-slide>