1、不传参
1)非属性跳转:
constructor(public navCtrl: NavController) {
}
this.navCtrl.push(ArticlePage)
2)属性跳转
<button ion-button [navPush]="pushPage"></button>
2、传参
1)非属性跳转
this.navCtrl.push(ArticlePage , {
id: "123",
name: "Carl"
});
2)属性跳转
constructor(){
this.pushPage = LoginPage;
this.params = { id: 42 };
}
<button ion-button [navPush]="pushPage" [navParams]="params">Go</button>
3、获取传过来的参数
import { NavParams } from 'ionic-angular';
constructor(private navParams: NavParams) {
let id = this.navParams.get('id');
let name = this.navParams.get('name');
}
本文介绍了在Ionic应用中实现页面跳转的方法,并详细讲解了如何在跳转时传递参数及接收参数的过程。
170万+

被折叠的 条评论
为什么被折叠?



