https://stackblitz.com/edit/angular-rc9tyk
Попытка создать «бесконечный» слайдер с использованием Swiper JS loop
в проекте Angular. Swiper должен обновлять элементы при скольжении, например, круговой двусвязный список Доказательство концепции должно просто показывать индекс, точно такой же, как этот код:
https://codepen.io/zarko/pen/OPMdxY/?editors=1010
Проблема заключается в том, что после переноса l oop данные фактически не обновляются, пока вы снова не возьмете ползунок. Создан полный блеск стека, который отображается в 3-х слайдере, переход от индекса 2
к 0
не показывает правильные данные slide[0]
, пока вы не начнете использовать slide[0]
. Не уверен, что моя проблема в мире обнаружения изменений angular или в мире реализации swiper l oop.
Stackblitz использует компонент ngx-swiper-wrapper, но поведение в базовом swiper такое же.
![enter image description here](https://i.stack.imgur.com/siDr5.gif)