Move nav divs out of component

[abelkbil]

How can I move previous and next div out of component section. Please enable wiki, so that we can update these answers there. Thanks.

[mujtaba01]

To hide default previous and next buttons you need to pass {navigation: false} in options input. Create next and previous buttons manually outside the component and call component's previous and next function on click events. Like this:

<button (click)="owl.previous()">Previous</button>

<owl-carousel [items]="images" #owl [options]="{ navigation: false}" [carouselClasses]="carouselClasses">
    <div *ngFor="let image of images">
        <div [ngStyle]="{'background-image': 'url(' + image.url  + ')'}"></div>
    </div>
</owl-carousel>

<button (click)="owl.next()">Next</button>

[abelkbil]

@mujtaba01 Thanks a lot.