сова не работает в угловых с * ngFor - PullRequest
Новая
       3

сова не работает в угловых с * ngFor

0 голосов
/ 25 июня 2019

Пожалуйста, помогите мне заполнить данные с помощью * ngFor в сове-карусели 

     My HTML code: 

  <div class="products-slider same-nav owl-carousel owl-theme">
                <div class="item" *ngFor="let i of productDetails">
                    <div class="product-box common-cart-box">
                        <div class="product-img common-cart-img">
                            <img src="assets/image/product-img-1.jpg" alt="product-img" itemprop="image">
                        </div>
                        <div class="product-info common-cart-info text-center">
                            <h3><a href="bars.html" class="cart-name" itemprop="url">{{i.PRODUCT_NAME}}</a></h3>
                        </div>
                    </div>
                </div>
            </div>

мой код js: 

configureProductCarousel = function () {
        $('.products-slider, .saller-slider').owlCarousel({
            loop: false,
            margin: 30,
            nav: true,
            dots: true,
            thumbs: true,
            rewind: true,
            responsiveClass: true,
            navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            responsive: {
                0: {
                    items: 2,
                },
                768: {
                    items: 3,
                },
                1000: {
                    items: 4,
                }
            }
        });
    }

Я ожидаю сову-карусели с предыдущим иследующие кнопки расположены вертикально, но изображения располагаются одно за другим

1 Ответ

0 голосов
/ 03 июля 2019

Пожалуйста, обратитесь по следующей ссылке. Это даст вам ясную идею OwlCarousel

...