Angular 5 Owl 旋转木马如何增加/减少旋转速度

Question

我在 Angular5 中使用 Owl 旋转木马，想增加或减少滑动速度，但是我找不到任何选项。

在 module.ts 文件中，

import { OwlModule } from 'ngx-owl-carousel';

@NgModule({
    imports: [
        OwlModule],
    exports: [OwlModule],

在 .html 文件中：

<owl-carousel [options]="{items: 1, dots: false, loop:true, autoplay:true, nav: true, responsive: { '0': { nav: false, dots: true}, '1200': { nav: true, dots: false}}}"
         [items]="bannerImages" [carouselClasses]="['owl-theme', 'row', 'sliding']">
            <div class="item" *ngFor="let image of bannerImages">
                <!-- <div class="image" [ngStyle]="{'background-image': 'url('+image.imagePath+')'}"></div> -->
                <div class="image">
                    <img [src]="image.imagePath">
                    <!-- caption start -->
                    <div class="container caption h-100 d-flex">
                        <div class="row align-items-center">
                            <div class="col caption-content" [innerHTML]="image.bannerContent"></div>
                        </div>
                    </div>
                    <!-- caption end -->
                </div>
            </div>
        </owl-carousel>

我已经浏览了文档 https://www.npmjs.com/package/ngx-owl-carousel，看到有一个选项 next。但是我该如何实现呢？我的意图是增加/减少滑动速度。

Answer 1

我认为你应该检查本机 owl-carousel 选项 https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

并提供navSpeed。像这样

<owl-carousel [options]="{items: 1, ..., navSpeed: 200}"
...

Angular 5 Owl 旋转木马如何增加/减少旋转速度

Angular 5 Owl carousel How to increase / decrease rotating speed

owl-carousel

angular

Angular 5 Owl 旋转木马 如何增加/减少旋转速度

Angular 5 Owl carousel How to increase / decrease rotating speed

owl-carousel

angular

Angular 5 Owl 旋转木马如何增加/减少旋转速度