2017-05-20 6 views
1

一部のコンテンツ(テキスト)を表示または非表示にするコードが必要です。ionic ng - 選択したコンテンツのみを表示する場合

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" 
    } 
    ], 

2番目の要素であるときに「これは2」と表示したいだけです。

答えて

0

角度1と角度2を混在させています。あなたは、あなたが*ngIfある角度の2のためのif使用する必要があり、イオンが2(あなたの*ngForディレクティブはあなたが示して)を使用して、実際にあるかのように、イオン2は、2角速度使用check out the documentation for the directive here

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

「ng-if」は使用しないでください。 明らかにAngularの別のバージョンのものです。 代わりに "ngIf"を使用してください。

関連する問題