2017-05-20 3 views
1

Ich möchte mit etwas Code einen Inhalt (einen Text) ein- oder ausblenden.ionic ng-wenn nur ausgewählten Inhalt anzeigen

HTML 
<ion-list> 
     <ion-item ion-item *ngFor="let act of questions.test; let i = index"> 
     {{act.quote}} 
     <ion-item> 
      <div ng-if="i == 2"> 
      THIS IS 2 {{i}} 
     </div> 
     </ion-item> 
    </ion-item> 
    </ion-list> 


TS 
    this.questions = 
     { 
    "test":[ 
    { 
     "quote": "first row" 
    }, { 
     "quote": "second row" 
    }, { 
     "quote": "third row" 
    }, { 
     "quote": "fourth row" 
    } 
    ], 

Ich will nur zeigen, das "THIS IS 2", wenn es das zweite Element ist.

Antwort

0

Sie mischen Winkel 1 und 2 zusammen. Ionic 2 verwendet Winkel 2, wenn Sie also in der Tat mit ionischen 2 (Ihre *ngFor Direktive gibt Sie sind), dann müssen Sie die if für Winkel 2 verwendet werden, die *ngIf ist, check out the documentation for the directive here

<div *ngIf="i == 2"> 
    THIS IS 2 {{i}} 
</div> 
0

Verwenden Sie nicht "ng-if". Anscheinend ist es von einer anderen Version von Angular. Verwenden Sie stattdessen "ngIf".

Verwandte Themen