ionic3.x - 頁面跳轉及傳參

跳轉方法一, 使用NavController

navCtrl 是 NavController 的實例

  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }

  goNewsInfo(index, item) {

    this.navCtrl.push(NewsInfoPage, 

    {

      id: index,   --要傳遞的參數

      title: item  --要傳遞的參數

    })

  }

 

跳轉方法二，使用指令[ navPush ] = '頁面名稱'  [ navParams ] = "{id: '123', title: '傳參'}" 實現：

  <button ion-button full [navPush]="newsPage" [navParams]="{'id': '123'}"> navPush 跳轉到新聞頁面</button>

 

獲取參數 使用 navParams：

 constructor(public navCtrl: NavController, public navParams: NavParams) {

    console.log(this.navParams.get('id')) -- 獲取到的參數

  }