ionic 3手動スライディング後のダイナミック画像スライダの自動再生が停止する

Question

プロバイダの残りのAPIから画像スライダデータを取得しています。 Image Sliderは自動再生でうまく動作しますが、手動でスライドした後は、画像スライダの自動再生が停止します。 ionic 3 image slider stops autoplay after manual sliding

- ionViewDidEnter（）は、エラーが発生した使用されている場合

<ion-slides class="slide-css" #slides *ngIf="allslider && allslider.length" [autoplay]="2000" [speed]="500" [loop]="true" pager> 
    <ion-slide *ngFor="let slide of allslider ">    
    <img src="http://localhost:8000/{{slide.img}}" /> 
    </ion-slide> 
    </ion-slides> 

リファレンス以下に示すよう...

マイ.TSファイルは

import {Slides } from 'ionic-angular'; 
    . 
    . 
    . 
    export class DemoPage { 
    . 
    . 
    . 
    @ViewChild(Slides) slides: Slides; 
    . 
    . 
    . 
    allslider: any; 
    . 
    . 
    constructor(public navCtrl: NavController, public navParams: NavParams,public popoverCtrl: PopoverController,public demoapiService: DemoApiProvider) 
    {  
    this.imgSlider();  
    } 

    imgSlider() { 
    this.demoapiService.getImgSlider() 
    .then(myslide => { 
    this.allslider= myslide ; 
    }); 
    } 

    ionViewDidEnter() 
    { 
    // this.slides.autoplayDisableOnInteraction = false; 
    // when used above statement then error is generated 
    } 

私の.htmlファイル以下の通りです

Answer 1

DOMはまだ完全には作成されていないため、constructor()の内部では使用できません。

だから、あなたはそうのようにthis.imgSlider();

constructor() 
    {  
    //this.imgSlider();<--- need to remove this and use it inside the `ionViewDidEnter()` event. 
    } 

を削除する必要があります。

ionViewDidEnter() 
    { 
     this.imgSlider(); 
    } 

imgSlider() { 
    this.demoapiService.getImgSlider() 
    .then(myslide => { 
     this.allslider= myslide ; 
     this.slides.autoplayDisableOnInteraction = false; 
     }); 
    }