-
在一级界面 html 中 添加跳转按钮
<button ion-button (click)="pushToPersonComponent()" >喜欢就点我呀!</button>
2.在一级页面控制中引入头文件
import { NavController } from 'ionic-angular';
export class HomePage {
personP;
//构造方法
constructor(public navCtrl: NavController) {
this.personP = PersonPage;
}
//实现跳转方法
pushToPersonComponent(){
//传递参数 类似于iOS 中 字典{"title":"value"}
this.navCtrl.push(this.personP,{title:'没有人可以比我帅'});
}
}
-
在二级页面
1. constructor( public params:NavParams){ /// 类似于angular2中的路由取值。 console.log(this.params.get('title')); } 2.重写控制器返回方法 navPopToLastVc(){ //组件出栈 。跟 iOS一样。 this.navCtrl.pop(); }
控制器的跳转 push与pop 方法 的使用与iOS相同。也是入栈,出栈操作。可以类推过去。。