ionic2的页面跳转

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

1、首先说在方法器跳转

原文链接 http://ionicframework.com/docs/v2/api/components/nav/NavPush/

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};

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值