2017-06-21 1 views
0
<ion-list> 
<ion-list-header> 
<span ion-text bold color="primary"> My Application</span> 
</ion-list-header> 
<div *ngIf="userStatus!='Registered' " > 
<ion-item *ngFor="let type of options" (click)="close(type.name)"> 
{{type.name}} 
    </ion-item> 
    </div> 
    </ion-list> 

Das ist mein Arraywie mit einer Bedingung ionischen 2

public options = 
    [ 
    {name : 'RegisterMe'}, 
    {name : 'MY CLINICS'}, 
    ]; 

Das ist mein html-Element
Ich bin mit * ngFor = ein Element in der Liste entfernen "Let Art von Optionen", um mein Array zu loopen. Und die Bindung unter Verwendung von Datenliste anzuzeigen {{type.name}}
Ich möchte nur mit einer Bedingung „this.userStatus =“ registriert „“ RegisterMe Option in meiner Liste verstecken Daher bin ich mit dieser Bedingung ngIf="userStatus!='Registered' " BY dies tun es mein ganzes versteckt Liste.

Wie dies zu erreichen ist. Bitte hilf mir dabei.

+0

Bitte geben Sie Ihre Vorlage/Markup an. –

+1

Perfekter Anwendungsfall für ein Rohr. –

+1

Verwendung von Pipes für diese Abfrage akash. Bitte helfen Sie mir – Anirudh

Antwort

0

Sie können eine benutzerdefinierte pipe verwenden, wie in den Kommentaren erwähnt. Oder tun Sie etwas Hack wie dies in der Vorlage

<div *ngFor="let type of options"> 
    <ion-item *ngIf="type.name!='RegisterMe'" (click)="close(type.name)"> 
    {{type.name}} 
    </ion-item> 
</div> 

aber das ist nicht die beste Lösung, da Sie eine unnötige div zu Ihrem Markup hinzufügen.