Невозможно прочитать свойство '$ owl' из неопределенного в angular 8 OwlCarousel

Question

В машинописном файле

 export class MyComponent implements OnInit {

  @ViewChild('owlCarousel', { static: false }) owlElement: OwlCarousel;

  displayDetail(currentDetail: PageData) {
    this.owlElement.to([selectIndex]);
  }
}

В html страница:

<owl-carousel [options]="carousel1ItemOption" class="detail-page" [carouselClasses]="['owl-theme', 'sliding']" [items]="records" #detailOwlCarousel>
    <section class="item" *ngFor="let detailPageData of records">
      <h1 class="titleHead mb-2">{{detailPageData.title | titleString}}</h1>
    </section>
  </owl-carousel>

Answer 1

Изменить #detailOwlCarousel на #owlCarousel. Имя, которое вы передали в аннотации @ViewChild, должно совпадать.