您现在的位置:首页 >> 前端 >> 内容

ionic2的页面跳转

时间:2017/1/25 10:23:39 点击:

  核心提示:分为用链接类似的连转和在方法器里跳转,这里做的要比1好的多1、首先说在方法器跳转import {Contact1Page} from ../contact1/contact1;goToOtherPag...

分为用链接类似的连转和在方法器里跳转,这里做的要比1好的多

1、首先说在方法器跳转

import {Contact1Page} from "../contact1/contact1";
goToOtherPage() {
  this.navCtrl.push(Contact1Page, {id: "sam"});//带上参数传输到下个页面
}

在新的页面用this.navParams.get('id')获取参数

console.log(this.navParams.get('id'));

2、直接用链接也就是navPush的方式页面

<button ion-item  [navPush]="nxPage" [navParams]="params">
  点击直接带参数调转
</button>

js

import {Contact1Page} from "../contact1/contact1";
nxPage: any = Contact1Page;
params: any = {id: 42};

至于接参数是和上一个是一样的

Tags:IO ON NI IC 
作者:网络 来源:qq_2103676