离子2隐藏项目基于navparams

时间:2016-09-19 20:01:49

标签: javascript angular ionic2

我想基于navparams在页面加载时隐藏/显示列表项,我有这样的代码:

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参数的按钮?

谢谢

1 个答案:

答案 0 :(得分: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;
  }
}

如果你传递的参数等于&#39; ??的字符串,这将显示你的Page2按钮。但是因为我们错过了这个问题的一些背景,我不确定你是否正在寻找这个。