0

iOS ネイティブ アプリ開発から Ionic フレームワーク (ハイブリッド アプリケーション開発) を初めて使用します。「 」のようなボタンが 2 つある画面を設計する必要がありますRecent and All。「最近」をクリックすると、最近のアイテムがリストに表示され、「すべて」をクリックすると、リスト内のすべてのアイテムが表示されます。ion-slides" " コントロールを使用して 2 つの異なるリストを使用しようとしています。「 」内の HTML ページにイオン スライドを実装しましion-viewた。2 つのボタンが重なっています (最近、すべてのボタンが重なってクリックできません)。ion-slides" in "ion-content" or "div", the slides are not in visibleまた、「最近」ボタンをクリックして最初のスライドを表示する必要がある場合は、ボタンのアクションに基づいてスライドを変更する必要があります。「」を実装しましたが、機能していませんionicSlideBoxDelegate。この問題を解決するにはどうすればよいですか? 助けていただけますか？

<ion-view view-title="Slide Box" ng-controller='homeViewController'>
    <ion-content>
        <div>
            <button ng-click="nextSlide()">Recent</button>
            <button ng-click="previousSlide()">All</button>
        </div>
        <div class="slide-wrapper1">
            <ion-slides pager="false" options="sliderOptions">
                <ion-slide-page>
                    <ion-content>
                        <h1>First Slide</h1>
                    </ion-content>
                </ion-slide-page>
                <ion-slide-page>
                    <ion-content>
                        <h1>Second Slide</h1>
                    </ion-content>
                </ion-slide-page>
            </ion-slides>
        </div>
    </ion-content> 
</ion-view>

「次へボタンがクリックされました」というログが表示されますが、アクションは実行されていません。

.controller('homeViewController', function($scope, $ionicSlideBoxDelegate) {

  $scope.nextSlide = function() {
    console.log("Next Button clicked", $ionicSlideBoxDelegate);
    $ionicSlideBoxDelegate.next();
    //$ionicSlideBoxDelegate.$getByHandle('burgers').next();
  }

  $scope.sliderOptions = {
      effect: 'slide',
      pagination: false,
      initialSlide: 0
    }

})
4

1 に答える 1