0

我是 iOS 原生应用程序开发中 Ionic 框架（混合应用程序开发）的新手。我必须设计一个屏幕，它应该有两个像“ Recent and All”这样的按钮。如果我们点击“最近”，最近的项目应该显示在列表中，如果我们点击“全部”，它应该显示列表中的所有项目。我试图使用“ ion-slides”控件来使用两个不同的列表。我已经在“”内的 html 页面中实现了离子幻灯片ion-view，它与两个按钮重叠（最近，所有按钮都重叠且不可点击）。如果我添加 " ion-slides" in "ion-content" or "div", the slides are not in visible。另外，如果我单击 "Recent" 按钮需要显示第一张幻灯片，我需要根据按钮操作更改幻灯片。我已经实现了 " 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

1

它在 div 内不起作用。将它放在 div 之外它会正常工作。

于 2017-04-22T22:07:13.250 回答