Change slides by .to()

(click)=“owlCar.to(‘id’)” doesn’t change slide is there any other way?

<owl-carousel-o [options]="customOptions" #owlCar>
        <ng-container *ngFor="let image of product.images; let i = index">
            <ng-template carouselSlide [id]="product.id + i">
                <div class="gallery-item">
                    <a><img [src]="image" alt="Product"></a>
                </div>
            </ng-template>
        </ng-container>
    </owl-carousel-o> 
    <ul class="product-thumbnails">
        <li class="" *ngFor="let image of product.images | slice:0:5 ; let j = index">
            <a (click)="owlCar.to(product.id + j)">
                <img [src]="image" alt="Product.title"></a>
        </li>
    </ul>

[mahsaml90]

It works well . Thank you for your response.

[vitalii-andriiovskyi]

I removed that condition from the method to(id) and published new version v1.0.4. This is for Angular 7.

Now the method will work in the case of disabling both nav and dots.