ionic返回出现空白情况和判断跳转方式
ion-header里的返回出现空白//把刚开始调用方法写进这里面就行ionViewWillEnter(){this.initData();}跳转方式1、HTML里跳转标签里写[routerLink]="[ '/']"2、ts里跳转//HTML里加点击事件(可传递参数)(click)="to()"//ts文件里先引入import { NavContro...
·
ion-header里的返回出现空白
//把刚开始调用方法写进这里面就行
ionViewWillEnter(){
this.initData();
}
跳转方式
1、HTML里跳转
标签里写[routerLink]="[ '/']"
2、ts里跳转
//HTML里加点击事件(可传递参数)
(click)="to()"
//ts文件里先引入
import { NavController } from '@ionic/angular';
constructor(
public navController:NavController,
) { }
// 跳转
to(){
this.navController.navigateForward("/wind-all?id="+this.id);
}
在另一个页面接收参数
//在ts里引入
import { ActivatedRoute } from '@angular/router';
constructor(
public route:ActivatedRoute,
) { }
ngOnInit() {
this.route.queryParams.subscribe((data)=>{
//data就是传过来的参数的集合
})
}
判断跳转的方式(例如是否通过id跳转过来的)
判断id为空即可
//在ts里引入
import { ActivatedRoute, Params } from '@angular/router';
constructor(
public activatedRoute: ActivatedRoute,
) {
this.activatedRoute.queryParams.subscribe((param: Params) => {
console.log("页面跳转初始化参数:");
console.log(param);
this.id = param.id;
this.title = param.name;
});
}
更多推荐
所有评论(0)