Question

我的目标是拥有两个具有动态值的轮播。我创建了一个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 carousel的响应式设置中，我传递了输入类型，以根据从父级接收到的值来更改值。在上面的代码中，我为断点1000分配了输入类型。

parent.component.ts

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

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

在控制台中，我正确地接收了输入值（3和1），但是在构建轮播时，它接受了所构建的两个轮播的第一个输入。（即）分配有变量'type'的断点1000具有即使当第二个输入中传递的值不同时，两个滑块的值3（第一个输入）也是如此

@输入值未在Owl Carousel中更新

0 个答案: