AutoSlide conditionally is not working

[karthiknn]

import { Component, Input, OnInit, Output, ViewChild } from '@angular/core';
import { NgImageSliderComponent } from 'ng-image-slider';

@component({
selector: 'app-image-slider',
templateUrl: '
<ng-image-slider [images]="imagesObject" #nav [showArrow]="false" infinite="true"
[imageSize]="{width: '10%', height: 100}" imageClick="imageClick()">

', styleUrls: ['./image-slider.component.css'] }) export class ImageSliderComponent implements OnInit { @ViewChild('nav') slider: NgImageSliderComponent; @input() imagesObject: any[]; @output() slideMe: any;

constructor() { }

ngOnInit() {

}
//THIS WORKS
prevImageClick() {
this.slider.prev();
}
//THIS WORKS
nextImageClick() {
this.slider.next();
}
//This is for making the Slider run on the click of a button and I can't make it work
playClicked(){
this.slider.imageAutoSlide();
}
}

[karthiknn]

@sanjayV FYI