ionic4 根据不同的参数值显示不同的控件,这些东西要写到你要跳转的那个组件里面


page.ts

 ngOnInit() {
    //接收路由传值
    this.activatedRoute.queryParams.subscribe((result) => {
      console.log(result);
      this.listorderid = result;
      this.listtotalcost = result;
      this.requestData(result.orderid);
      //根据传值显示不同的控件
      this.listtostate.State = "待取餐";
      if (this.listtostate.State == "待提交") {
        this.flagState = true;

      }
      else {
        this.flagState = false;
      }
    }
    )
  }

html文件

<div class="orderdetails_button" *ngIf="flagState">
    <ion-button (click)="Addorder()">
      提交
    </ion-button>
  </div>
  <div class="orderdetails_button" *ngIf="!flagState">
  <ion-button (click)="Addorder()">
      取消订餐
    </ion-button>

在这里插入图片描述


把上面ts文件中的

  this.listtostate.State = "待提交";

效果图:
在这里插入图片描述

Logo

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

更多推荐