Question

当我使用带有寻呼机的离子幻灯片时，循环为真。当我从第一张幻灯片向左滑动时，最后一张幻灯片打开，但未更新寻呼机点，并且视图未与模型绑定。如果用户与此交互，那么它可以正常工作，但最初寻呼机和视图不会更新。

My html looks like this- 

    <ion-content padding>
    <div class="dummyContent">Refer to your friend and earn bonus</div>
    <ion-slides pager [loop]="true" [speed]="600">
        <ion-slide>
            <h1>{{data.team1.name}}</h1>
            <h1>{{data.team1.team}}</h1>
            <h1>{{data.team1.group}}</h1>
        </ion-slide>
        <ion-slide>
            <h1>{{data.team2.name}}</h1>
            <h1>{{data.team2.team}}</h1>
            <h1>{{data.team2.group}}</h1>
        </ion-slide>
        <ion-slide>
            <h1>{{data.team3.name}}</h1>
            <h1>{{data.team3.team}}</h1>
            <h1>{{data.team3.group}}</h1>
        </ion-slide>
    </ion-slides>
</ion-content>

and my ts file looks like this-

    import { Component, ViewChild } from '@angular/core';
    import { NavController,Slides } from 'ionic-angular';

    @Component({
    selector: 'try',
    templateUrl: 'try.html'
    })

    export class try {
    @ViewChild(Slides) slides: Slides;
    data = {
    team1: {
    name: 'mridul',
    team: 'provo',
    group: 'eagle'
    },
    team2: {
    name: 'aditya',
    team: 'toapaz',
    group: 'eagle1'
    },
    team3: {
    name: 'rajneesh',
    team: 'infinite',
    group: 'eagle2'
    }
    }

    constructor() { }
    }

Answer 1

我遇到了同样的问题，这是我找到的解决方案：如果要更新幻灯片，则需要使用slider.updateLoop();。我在里面使用它们

   onSlideChangeEnd: function (slider) {
                $scope.slider.updateLoop();
            },

请注意，您需要最后版本的ionic1：this one正常工作。

Answer 2

 slideOptsOne = {
    initialSlide: 0,
    slidesPerView: 1,
    autoplay: {
      disableOnInteraction: false,
      loop :true,
    },
  };

这是新的配置，就像魅力一样工作:) 快乐编码

离子幻灯片从第一张幻灯片移动到最后一张，循环为true，不会更新寻呼机

2 个答案: