站内搜索:
首页 >> 前端 >> 内容
ionic2的页面跳转

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

分为用链接类似的连转和在方法器里跳转,这里做的要比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};

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

  • 上一篇:表格常使用记录
  • 下一篇:HTML Boostrap-layout
  • 返回顶部