Hi there,
I have an issue with own list components (ion-temp-list).
I’m using it like this:
<ion-temp-list #templist [limit]="20" [items]="geozoneProvider.geozones" orderBy="name">
<ng-template let-item="$implicit" let-i="index">
<ion-item (click)="open(item)">
<h2>{{item.name}}</h2>
</ion-item>
</ng-template>
</ion-temp-list>
This is my component template
<ion-list *ngIf="items.length">
<ng-content></ng-content>
<ng-template ngFor let-item [ngForOf]="items | filterBy:filterKeys:filter | orderBy:orderBy | slice:0:limitCount" [ngForTemplate]="template">
</ng-template>
</ion-list>
Everything is working well, it render item list.
But when I want use ion-item-slide in this template, it renders, but sliding is not working
Example:
<ion-temp-list #templist [limit]="20" [items]="geozoneProvider.geozones" orderBy="name">
<ng-template let-item="$implicit" let-i="index">
<ion-item-sliding>
<ion-item (click)="open(item)">
<h2>{{item.name}}</h2>
</ion-item>
<ion-item-options side="right">
<button ion-button color="primary">
<ion-icon name="mail"></ion-icon>
Email
</button>
</ion-item-options>
</ion-item-sliding>
</ng-template>
</ion-temp-list>
It should be probably direct child. Any idea?
Thanks
Miri