ionic3.x - 页面跳转及传参

跳转方法一, 使用NavController

navCtrlNavController 的实例

  constructor(public navCtrl: NavControllerpublic navParams: NavParams) {
  }
  goNewsInfo(indexitem) {
    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: NavControllerpublic navParams: NavParams) {
    console.log(this.navParams.get('id')) -- 获取到的参数
  }

猜你喜欢

转载自www.cnblogs.com/monkey-K/p/11730904.html