ngx-owl-carousel-o TypeError: Невозможно прочитать свойство 'next' из неопределенного

Question

Хотите создать кнопки для управления каруселью извне разметки и следовать официальной документации, только ее необходимо определить в <owl-carousel-o> шаблонной ссылочной переменной #owlCar и использовать обработчики для событий, например, для кнопки (click)="owlCar.prev()" Quiero Crear unos botonos que manejen la transicion de ngx-owl-carousel-o desde fuera del marco y siguiendo la Documentacion, solo es necesario agregar una referencia a la plantilla #owlCar y luego en el boton cre un un manejador de evento (click)="owlCar.prev()" Обтенго Эсте ошибка:

TypeError: Невозможно прочитать свойство 'next' из неопределенного

это мой код:

                    <div class="product__title">
                        <h2>Promotions Featured</h2>
                    </div>

                    <div class="product__slider-nav rounded">
                        <span (click)="owlCar.prev()" class="lnr lnr-chevron-left nav_left"></span>
                        <span (click)="owlCar.next()" class="lnr lnr-chevron-right nav_right"></span>
                    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <owl-carousel-o class="full-w" [options]="customOptions" #owlCar>
                    <ng-container *ngFor="let prom of promo">
                        <ng-template [id]="prom.id" carouselSlide>
                            <div class="featured-single-slider">
                                <div class="featured-preview-img">
                                    <img class="image-promo" *ngIf="prom.photoUrl" [src]="prom.photoUrl">