Как использовать FlickityService для управления стартом/остановкой игрока

Question

Я разрабатываю слайд-шоу с фотографиями, используя директиву Angular Flickity. Я могу использовать FlickityService для вызова следующей и предыдущей функции для перемещения слайда к следующему и предыдущему слайду. Но как я могу контролировать запуск и останов игрока, хотя у Flickity api есть stopPlay и startPlayer?

HTML:

<button ng-click="previous()">Previous </button> 
<button ng-click="next()">Next </button> 
<button ng-click="play()">Play </button> 
<button ng-click="stop()">Stop </button> 
<div class="gallery-container"> 
     <div class="gallery-slides" 
      bc-flickity="{{ flickityOptions }}" 
      bc-flickity-id="demoId1"> 
      <div class="gallery-slide" ng-repeat="slide in photoList track by $index"> 
       <img ng-src="{{slide}}" /> 
      </div> 
    </div> 
</div> 

В моей угловой контроллер, у меня есть следующие функции:

$scope.FlickityService = FlickityService; 

$scope.next = function() { 
    $scope.FlickityService.next("demoId1", true); 
} 
$scope.previous = function() { 
    $scope.FlickityService.previous("demoId1", true); 
} 
$scope.stop = function() { 
    // ??? 
} 
$scope.start = function() { 
    // ??? 
} 

Answer 1

я могу использовать следующий код вместо использования FlickityService вызвать Flickity Апи для запуска и остановки игрок.

$scope.start = function() { 
    var flkty = Flickity.data($('.gallery-slides')[0]); 
    flkty.playPlayer(); 
} 
$scope.stop = function() { 
    var flkty = Flickity.data($('.gallery-slides')[0]); 
    flkty.stopPlayer(); 
}