Как я могу заменить слайд-слайд или обновить HTML слайда-слайдера с помощью ngx-swiper-wrapper?

Вопрос . Как заменить слайд-слайд на новый или отредактировать содержимое HTML внутри слайда с помощью библиотеки-оболочки ngx-swiper-wrapper?

У меня есть этот код, который создает ползунок swiper со слайдами, и я хочу отредактировать слайд или заменить его новым, когда запускается событие «slideNextTransitionStart».

      <swiper 
   [config]="config" 
   [(index)]="index" 
   (slideNextTransitionStart)="slideChange($event)" 
   #swiper>
   <app-member-card *ngFor="let member of members" 
      [routerLink]="['/members', member.name]" 
      [MemberCard]="member">
   </app-member-card>
</swiper>

«app-member-card» — это настраиваемый компонент. Я хотел бы либо заменить слайд новым (в машинописном тексте), либо изменить объект «член» и все его данные в существующем слайде по определенному индексу, а также через файл машинописного текста.

Проблема - я не уверен, как это сделать. Я могу получить доступ к компоненту swiper в моем файле .ts следующим образом:

      @ViewChild('swiper', { static: false }) swiper?: SwiperComponent;

но я не могу найти ни одного из методов «манипуляции», найденных здесь . И я не уверен, как редактировать HTML напрямую. Я могу покопаться в компоненте и получить HTML для слайда следующим образом:

      this.swiper.swiperSlides.nativeElement.children[0]

где children — это массив HTMLCollection каждого слайда. Но что теперь?

0 ответов

Другие вопросы по тегам