最近初識ionic框架，遇到這麼個問題，具體是需要獲取列表元素實時的值，並且傳遞給下一個頁面，經過查閱資料，大致流程如下。

首先我們再ts檔案中建立一個getData函式，並將並設定形參，具體程式碼如下：

  getData(item: any){
    ...
  }

此時，我們便可以獲取到列表元素值，當然我們可以通過console.log()檢視一下是否獲取到準確的資料。

接著我們獲取列表元素值，設定點選事件，並在click指令中傳入引數，具體程式碼如下：

<ion-list  *ngFor="let item of datalist" (click)="getData(item)">
    ...
</ion-list>
 

若傳遞input資訊，例如獲取使用者密碼，則需要雙向繫結，具體程式碼如下：

 <ion-input type="password"  [(ngModel)]="user.j_password" placeholder="請輸入密碼"></ion-input>

user:UserInfo={
     j_password:'',
     loginType:'APP'
};

  getPassward(user){
    ...
  }

而ionic中頁面條轉傳遞資訊比較簡單，最簡單的的是通過將資料傳遞給push方法的第二個引數來將資料傳遞給下一個頁面，結合上面獲取列表元素資訊並傳遞給下一個頁面，給出如下程式碼：

userName: any;

goNextpage(item:any){
  this.navCtrl.push('NextPage',{
    userName: item.userName
  });
}

傳遞之後如何在另一個介面獲取資料呢，我們可以通過NavParams來接收資料，具體程式碼如下：

userName: any;

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.userName = this.navParams.data.userName;
  }
 

資料參考連結：