如何使用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 API來啓動和停止下面的代碼玩家。

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