Question

我尝试使用滑盖时，只要向左滑动就会转到下一张幻灯片，当您向右滑动时，它会返回上一页。我按照Ionic网站上的说明操作，但不能向任何方向滑动。这是我的代码：

HTML

<body ng-app="myApp" ng-controller="myCtrl">
   <ion-header-bar class="bar-stable">
     <h1 class="title">Test Starter</h1>
  </ion-header-bar>
   <ion-content style="color:grey;">
        <ion-slide-box>
            <ion-slide>
                <div>
                    "Hello slide 1"

                </div>
            </ion-slide>
            <ion-slide>
                <div>
                    "Hello slide 2"
                </div>
            </ion-slide>
        </ion-slide-box>
  </ion-content>

Answer 1

只有当您浏览内容时，

ion-slide才有效。

用此

替换您的代码

<ion-slide>
  <div class="slide">
   <p>Hello slide 1</p>
  </div>
</ion-slide>

<ion-slide>
   <div class="slide">
    <p>Hello slide 2</p>
   </div>
</ion-slide>

在style.css

中

  .slide{
  height:100vh;}

离子滑动盒不能在离子中工作

1 个答案: