Question

来自iOS原生app开发的Ionic框架（混合应用程序开发）的新手。我必须设计一个屏幕，它应该有两个按钮，例如＆＃34; Recent and All＆＃34;。如果我们点击＆＃34; Recent＆＃34;最近的项目应该显示在列表中，如果我们点击＆＃34;全部＆＃34;，它应该显示列表中的所有项目。我试图使用＆＃34; ion-slides ＆＃34;控制使用两个不同的列表。我已经在＆＃34; ion-view ＆＃34;内的html页面中实现了离子幻灯片，它与两个按钮重叠（最近，所有按钮重叠且无法点击）。如果我添加＆＃34; ion-slides" in "ion-content" or "div", the slides are not in visible。另外，如果我点击＆＃34; Recent＆＃34;我需要根据按钮操作更改幻灯片。按钮需要显示第一张幻灯片。我已经实施了＆＃34; ionicSlideBoxDelegate＆＃34;但是，它不起作用。我该如何解决这个问题？你能帮忙吗？

<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>

能够看到日志＆＃34;单击下一步按钮＆＃34;但是，行动没有表现。

.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之外它会正常工作。

离子载玻片未显示离子含量和div内部

1 个答案: