Ion-item-slide used in ng-template not working


#1

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