How to pause and resume the slideshow on button clicks?

[AUK4GIT]

I did bind the attribute autoplay to a model in controller. But still could not achieve the pause and resume functionality.

<ui-carousel 
              slides="slides"
              slides-to-show="1"
              slides-to-scroll="1"
              initial-slide="0"
              autoplay={{ autoplay }}
              fade="false"
              autoplay-speed="5000"
              speed="1000"
              dots="true" on-init="onCarouselInit()"
              on-before-change="onCarouselBeforeChange(item)"
              on-after-change="onCarouselAfterChange(item)">

              <carousel-item>
                <div>
                  <div class="carouselChartDiv" ng-class="item.template"></div>
                </div>
              </carousel-item>

            </ui-carousel>