<ion-slides>选项不起作用

时间:2017-01-18 07:42:48

标签: ionic-framework slider carousel

我想为每个页面显示一张幻灯片,并在同一页面上显示下一张和上一张幻灯片的一部分,类似于:

enter image description here

我写的代码如下:

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

但它不起作用。我错过了什么吗?我怎么能实现这个设计? 先感谢您。

1 个答案:

答案 0 :(得分:1)

$scope.msgOptions更改为$scope.options。 在您的模板中,您可以选择选项变量&#34; options&#34;而不是&#34; msgOptions&#34;。因此,您在控制器中设置的选项将无法分配。