1

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 () {
   // ???
}
4

1 に答える 1