2017-04-11 1 views
-1

i 12 oder mehr in Artikeln haben, muß ich Split Show 3 Überschrift in einer Folie, die nächste 3 Überschrift in nächster FolieSplit Abgleiten in der begrenzte Liste ionischen 2

<ion-slides pager *ngFor="let item of list" let-i="index"> 
    <ion-slide> 
    <h2>{{item.text}}</h2> 
    </ion-slide> 
</ion-slides> 
+0

Was hast du schon probiert? Es sieht so aus, als würden Sie auf ein falsches Objekt iterieren - wenn Sie mehrere h2-s in einer einzigen Ionenscheibe haben möchten. –

+0

add * ngIf = "i <3" aber diese Show zuerst 3 nur – sridharan

Antwort

0

Ihre Komponente

private page = 0, pageSize = 3; 
private list = []; // your array goes here 

getItems() { 
    let index = this.page * this.pageSize; 
    return this.list.slice(index, index + this.pageSize); 
} 

Ihre hTML

<ion-slides pager *ngFor="let item of getItems()"> 
    <ion-slide> 
    <h2>{{item.text}}</h2> 
    </ion-slide> 
</ion-slides> 

Sie müssen nur aktualisieren Sie Ihre page nach den Elementen, die Sie sehen möchten.

+0

wie man Seite aktualisiert? – sridharan

+0

Ich würde vorschlagen, mit etwas wie links und rechts Pfeile zu dekrementieren oder zu erhöhen. –

+0

Ich bekomme 3 Folien nacheinander – sridharan

Verwandte Themen