Angularjs 离子滑盒在离子状态下不工作

我正在尝试创建一个幻灯片框，每当你向左滑动时，它将转到下一张幻灯片，当你向右滑动时，它将返回上一页。我遵循爱奥尼亚网站上的说明，但它不能向任何方向滑动。 这是我的代码：

Html

测试启动器
“您好幻灯片1”
“您好幻灯片2”

离子幻灯片仅在您浏览内容时有效

用这个替换你的代码

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

你能试试这个吗

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

  .slide{
  height:100vh;}