2017-06-23 9 views
0

ポケベルとループで真正面のスライドを使用すると、真です。最初のスライドから左にスワイプすると、最後のスライドが開きますが、ページャの点は更新されず、ビューはモデルにバインドされません。ユーザーがこれとやりとりするとうまくいきますが、最初はページャーとビューは更新されません。イオンスライドが最初のスライドからループの最後に移動するtrueはページャーを更新しません

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() { } 
    } 

答えて

0

私は同じ問題を持っていたし、ここで私が見つけた解決策である: あなたは、スライドを更新したいときslider.updateLoop();を使用する必要があります。正常に動作しますthis one: は、私はあなたがionic1の最後のバージョンが必要

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

ノート内のそれらを使用しています。

関連する問題