は2

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> 

これは、私が使用しています
* ngFor =私の配列は2

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

これは私のhtml要素であります"オプションの種類"は配列をループさせます。そして、私は条件と私のリストにのみRegisterMeオプションを非表示にするリスト{{type.name}}
を表示するには、データバインディングを使用して「this.userStatusは=」 が故に私はそれが私の全体を隠して、これを行うことによって、この条件ngIf="userStatus!='Registered' "を使用しています「」登録しますリスト。

これを達成する方法。 こんにちは。

+0

テンプレート/マークアップを入力してください。 –

+1

パイプの完璧な使用例。 –

+1

このクエリにパイプを使用する方法akash。助けてください – Anirudh

答えて

0

コメントに記載されているように、カスタムpipeを使用することができます。またはテンプレート

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

にこのようないくつかのハックを行うが、あなたのマークアップへの不要なdiv要素を追加しているので、これは、最善の解決策ではありません。