離子滑塊未顯示在離子含量和div的內部

Question

這是iOS本地應用程序開發中Ionic框架（混合應用程序開發）的新功能。 我必須設計一個屏幕，該屏幕應具有兩個按鈕，例如“ Recent and All ”。 如果單擊“最近”，則最近的項目應顯示在列表中，如果單擊“全部”，則應顯示列表中的所有項目。 我正在嘗試使用“ ion-slides ”控件來使用兩個不同的列表。 我已經在“ ion-view ”內的html頁面中實現了離子幻燈片，它與兩個按鈕重疊（最近，所有按鈕均重疊且不可單擊）。 如果ion-slides" in "ion-content" or "div", the slides are not in visible添加“ 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
    }

})

Answer 1

它在div中不起作用。 請將其放在div之外，它將可以正常工作。