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')) -- 获取到的参数

  }