Ionic Slider on dynamic content

Ionic Framework ionic-v3
1

I need to use Ionic Slider on some dynamic content fetched from http, i need to use the freeMode and slidesPerView properties.

my html is like this:





Main

<ion-content padding>
	<div *ngFor="let category of categories">
		<h6 class="slide-title" [innerHTML]="category.name"></h6>
		<ion-slides pager="true" slidesPerView="3" loop="true" freeMode="true">
			<ion-slide *ngFor="let product of category.products">
				<img [src]="product.image" class="slide-image">
			</ion-slide>
		</ion-slides>
	</div>

</ion-content>

but it’s not working, can someone help me.