Slides Component slideNext Method Not Working Properly

The slides component slideNext method doesn’t seem to work properly.

home.html

<ion-slides>
    <ion-slide *ngFor="let product of products">
    </ion-slide>
</ion-slides>

home.ts

this.products.push(product);
this.slides.update();
this.slides.slideNext();

Expecting this code to add another slide and then automatically slideNext (to this new slide). If I wrap in a setTimeout it works most of the time but not always. Maybe it has something to do with debounce on the update method?

let that = this;
setTimeout(function () {
    that.slides.slideNext();
}, 100);