javascript - ionic 2 基于 navparams 隐藏项目

Question

我想根据导航参数在页面加载时隐藏/显示列表项，我有以下代码:

HTML

<button ion-item  (tap)="goToPage2()" [hidden]="shouldHide">Page 2</button>

TS

export class Page1 {
  public firstParam:any;
  constructor(public navCtrl: NavController, params: NavParams) {
  this.firstParam = params.get("firstPassed");
}

我需要添加什么来根据firstParam参数隐藏/显示按钮？

谢谢

Answer 1

HTML

<button ion-item  (tap)="goToPage2()" *ngIf="shouldHide">Page 2</button>

Ts

export class Page1 {
  public firstParam:any;
  public shouldHide:boolean;

  constructor(public navCtrl: NavController, params: NavParams) {
  this.shouldHide = false;
  this.firstParam = params.get("firstPassed");
  if(params.get("firstPassed") == "??"){
     this.shouldHide = true;
  }
}

如果您传递的参数等于“??”的字符串，这将显示您的 Page2 按钮。但因为我们错过了这个问题的一些背景，所以我不确定您是否正在寻找这个。