Сова Карусель не принимает компонент css в angular все остальное работает нормально - PullRequest
0 голосов
/ 17 марта 2020

Сова Карусель работает нормально. Все работает. только Css из его компонента. css не берется carousl nav. Пожалуйста, помогите мне
все работает нормально css прекрасно работает в браузере проверки, но css Сова карусели не принимает стиль от компонента css.

У меня есть это в компоненте html:

   <div class="bannerCarousel-wrap">
        <owl-carousel [options]="SlideOptions" [items]="images" [carouselClasses]="['owltheme','sliding']">
            <div class="item" *ngFor="let img of Images">
                <div style="align-content: center">
                    <img src={{img}}/>
                </div>
            </div>
        </owl-carousel>
    </div>
//in ts 
Images = ['../../assets/images/2.jpg', '../../assets/images/2.jpg', '../../assets/images/2.jpg'];  

  SlideOptions = { 
    items: 1, 
    dots: false,
    nav: true,
    navText: ["<img src = '../../assets/images/icons/slider_control_left.png'>", "<img src = '../../assets/images/icons/slider_control_right.png'>"],
   };  
  CarouselOptions = { 
    items: 3,
     dots: false,
      nav: true,
      navText: ["<img src = '../../assets/images/icons/slider_control_left.png'>", "<img src = 'images/icons/arrow_right.png'>"],
     }; 

в компоненте css

 .owl-carousel .owl-nav button.owl-prev {
            position: absolute;
            top: 50%;
            left: 0;
        }
...