基于导航参数的 ionic 2 隐藏项目

Question

我想 hide/show 基于 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");
}

我需要添加什么到hide/show 基于 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 按钮。但是因为我们错过了这个问题的一些上下文，我不确定你是否正在寻找这个。

基于导航参数的 ionic 2 隐藏项目

ionic 2 hide item based on navparams

javascript

ionic2

angular