0

Есть хорошо работающий слайдер:

<slick dots=true slides-to-show="10" slides-to-scroll="9" arrows="false" ng-if="allProducts.length"> 
                <div ng-repeat="item in allProducts">
                <small>{{item.Name}}</small>
                </div>
            </slick>

Есть также кнопка которая удаляет из этого слайдера один элемент item. После удаления, слайдер перестаёт работать и все элементы как бы "выпадают" из слайдера и находятся на странице как будто это обычные блоки div Как можно решить данную проблему? Чтобы элемент удался из слайдера, но слайдер оставался рабоатать?

UPD

На этой странице показано как можно удалить элемент встроенными функциями, но что-то я не разобрался как его применить,не могу понять откуда берется slideIndex

1 ответ 1

1

добавьте init-onload=true data="allProducts.length" к slick тегу.

чтобы получилось что-то вроде:

<slick slides-to-show=3 slides-to-scroll=3 init-onload=true data="awesomeThings" class="slider multiple-items">
      <div ng-repeat="thing in awesomeThings"><h3>{{ thing }}</h3></div>
    </slick>
10
  • и как это поможет удалению элемента?
    – Grundy
    28 июл 2017 в 12:00
  • это мне не помогло. 28 июл 2017 в 12:01
  • @Grundy вотчер следит за изменениями в data и реинициализирует компонент github.com/vasyabigi/angular-slick/blob/master/dist/…
    – tcpack4
    28 июл 2017 в 12:07
  • @a.tarasevich вы уверены, чтобы при удалении элемента allProducts изменился?
    – tcpack4
    28 июл 2017 в 12:07
  • @a.tarasevich init-onload=true еще добавьте.
    – tcpack4
    28 июл 2017 в 12:08

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.