2016-09-19 131 views
1

我想隱藏/顯示基於navparams頁面加載列表項,我有這樣的代碼:離子2隱藏項目基於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 params的按鈕?

謝謝

+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; 
    } 
} 

如果獲得通過的PARAMS等於的字符串這將顯示你的第二頁按鈕 '?'。但是因爲我們錯過了這個問題的一些背景,我不確定你是否在尋找這個問題。

+0

謝謝,這工作! – user1998013