Значение @Input не обновляется в Owl Carousel - PullRequest
Новая
       43

Значение @Input не обновляется в Owl Carousel

0 голосов
/ 02 марта 2019

Моя цель - создать две карусели с динамическими значениями. Я создал один компонент карусели Owl, в котором мне нужно динамически обновлять ответный раздел

carousel.component.ts 

export class SectionCarouselComponent implements OnInit {

@Input () type:any;


  constructor() {

   }

  ngOnInit() {
    console.log(this.type)
    $('.owl-one').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      responsive:{
          0:{
              items:2
          },
          600:{
              items:2
          },
          1000:{
              items:this.type
          }
      }
  });

  }
}

Я получаю @input 'type' из моего родительского компонента. Я проверил в консоли правильность переданного значения.В адаптивных настройках карусели Owl я передаю тип ввода, чтобы изменить значение в зависимости от значения, полученного от parent. В приведенном выше коде я назначил точку останова 1000 с типом ввода.

parent.component.ts 

    <section-slider type="3"></section-slider>

    <section-slider type="1"></section-slider>

В консоли я правильно получаю значения ввода (3 и 1), но когда построена карусель, она берет первый ввод для обеих построенных каруселей.(т. е.) точка останова 1000, назначенная переменной 'type', имеет значение 3 (первый вход) для обоих ползунков, даже если значение, переданное во второй вход, отличается

...