ionic关于跳转那些事
简单介绍一下跳转页面,和页面传值
- 引入
import { NavController, NavParams } from 'ionic-angular';
constructor(
public navCtrl: NavController,
public params: NavParams,
) {}
- 页面跳转并传值
//引入要跳转的组件
import {detailComponent} from '../detail/detail.component';
//跳转方法
goToDetail(Code: string, Company? : string) {
this.navCtrl.push(detailComponent, {
code: Code,
company: Company
});
}
//页面接收
let code = this.params.get("code");
let company = this.params.get("company");
- 返回上一页
goBack(){
this.navCtrl.pop();
}
- 请求接口失败或者成功返回页面
this.navCtrl.setRoot(listComponent);
【ionic关于跳转那些事】如果需要返回是传入值
this.navCtrl.setRoot(listComponent,{
from: fromlist;
});
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- 四首关于旅行记忆的外文歌曲
- 醒不来的梦
- 关于自我为中心的一点感想
- 「按键精灵安卓版」关于全分辨率脚本的一些理解(非游戏app)
- 关于Ruby的杂想
- 关于读书的思考
- 关于this的一些问题(1)
- 《声之形》
- 关于如何沟通的1/2/3