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

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐