Angularjs Ionic幻灯片盒：一种形式，用于多张幻灯片不起作用

我正在使用ion slide box，我遇到的问题是，当我为整个滑块设置一个表单时，滑块似乎不再工作。我只看到一个视图，没有更多的幻灯片

以下是我的简单代码：

<form><ion-slide-box>
<ion-slide>Slide 1</ion-slide>
<ion-slide>Slide 2</ion-slide>
<ion-slide>Slide 3</ion-slide></ion-slide-box></form>

幻灯片1
幻灯片2
幻灯片3

---

请告诉我应该怎么做才能为所有幻灯片设置一个表单，谢谢。

请参阅下面的示例，了解如何在表单中创建滑块

angular.module（'demoApp'，['ionic']））
.controller（'DemoCtrl'，函数（$scope，$ionicSlideBoxDelegate）{
$scope.images=[
"https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSeuNVzlDcFunjMxXa3_ui65_fJgwvT8Eq0M5GluaIbl5DJYLOaCI0McDw",
"https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTg_tgzzbgiZ9QnAe8-XTBNBE04J7KE7S60LLFYCWHIZQFQO1BQ6MQDH0W“，
"https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQamBcgUQKpzafi4MNW6WYnS6wxvJCiQjKc_uoAz4ycmyHO2qvV0q4sCazG",
"https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSqXQBbyRukbsao9ljVsi8SMW7GWVlXl2By4jS7QiqFNr3ChFf9Lw",
"https://ga-core.s3.amazonaws.com/production/uploads/program/default_image/2034/Angularjs-Bootcamp-LONDON.jpg",
]
$scope.slideVisible=函数（索引）{
如果（索引<$ionicSlideBoxDelegate.currentIndex（）-1||
索引>$ionicSlideBoxDelegate.currentIndex（）+1）{
返回false；
}
返回true；
}
});
.scrollCanvas{
宽度：250px；
高度：250px；
}
.形象{
宽度：100%；
高度：200px；
背景尺寸：包含；
背景重复：无重复；
背景位置：中心，中心；
}
#frm{
宽度：250px；
高度：260px；
边框：2倍纯红；
保证金：0自动；
}

可缩放图像
非常感谢您，我使用了您的示例，它对我很有用。