Блог

Я создал приложение ionic5, которое использует цикл для добавления ion-слайдов, содержимое которых представляет собой разные группы радиостанций, содержимое которых извлекается из массива. Моя проблема в том, что когда я пытаюсь использовать slideNext или slideTo для переключения слайдов, это не работает. Я могу заставить его работать только после обновления браузера и вообще не работает, когда я создаю приложение для Android и тестирую.

Код, который я пытаюсь:

   <ion-slides #quizSlider>
      <ion-slide *ngFor="let question of questions;let i = index">
            <ion-list lines="none">   
                    <ion-radio-group [(ngModel)]="singleanswer">
                      <ion-item *ngFor="let answer of question.answers">
                          <ion-label>{{answer}}</ion-label>
                          <ion-radio slot="start" value="{{answer}}">
                          </ion-radio>
                      </ion-item>
                    </ion-radio-group>                              
                <div fxLayout="row" fxLayoutAlign="center" >
                    <ion-button color="primary" (click)="checkUserAnswers(i)">Check</ion-button>
                </div> 
            </ion-list>             
      </ion-slide>    
  </ion-slides> 
  

И .ts код:

   import { IonSlides } from '@ionic/angular';
  
  @ViewChild('quizSlider') quizSlider: IonSlides;
  
  
  export class Quiz {
  
  questions: Question[];
  
  constructor() {}
  
      checkUserAnswers(questionNo)
      {
            if(this.questions.length == questionNo   1)
            {
                this.router.navigate(['complete']);
            }
            else
            {
                console.log('test');
                //this.quizSlider.slideNext();
                //this.quizSlider.lockSwipes(false);

                this.quizSlider.slideNext();

                //this.quizSlider.lockSwipes(true);
                //let currentIndex = this.quizSlider.getActiveIndex().then( (val) => console.log(val) );
                //console.log('Current Slide: '   currentIndex);
                //this.quizSlider.slideTo(questionNo   1);
            }                   
      }
  
  }
  

Не уверен, связано ли это, но ионная среда, которую я использую,:

   Ionic CLI                     : 6.11.8 
  Ionic Framework               : @ionic/angular 5.0.5
  @angular-devkit/build-angular : 0.900.7
  @angular-devkit/schematics    : 9.0.7
  @angular/cli                  : 9.0.7
  @ionic/angular-toolkit        : 2.2.0
  

Обновить
Я попытался использовать swipe и понял, что (как и в случае использования события button) смена слайдов работает только после обновления страницы. Я попытался понизить рейтинг до ionic4, но проблема не устранена