我想为每个页面显示一张幻灯片,并在同一页面上显示下一张和上一张幻灯片的一部分,类似于:
我写的代码如下:
<ion-slides options="options" slider="data.slider" class="offer-slider">
<ion-slide-page ng-repeat="offer in offers track by $index">
<offer offer="offer" expandable="false" offerList="offers"></offer>
</ion-slide-page>
</ion-slides>
在我的控制器中,选项如下:
$scope.msgOptions = {
loop: true,
effect: 'slide',
speed: 500,
pagination: 'false',
direction: 'horizontal',
slidersPerView: 3,
centeredSlides: true
};
但它不起作用。我错过了什么吗?我怎么能实现这个设计? 先感谢您。
答案 0 :(得分:1)
将$scope.msgOptions
更改为$scope.options
。
在您的模板中,您可以选择选项变量&#34; options&#34;而不是&#34; msgOptions&#34;。因此,您在控制器中设置的选项将无法分配。