ngx-owl-carousel не работает в angular 6

У меня есть простое приложение angular 6, и я добавил simple ngx-owl-carousel , я выполнил все шаги в соответствии с инструкцией, вот ссылка: https://www.npmjs.com/package/ngx-owl-carousel.

Вот мой html:

<owl-carousel
[options]="{items: 4, dots: false, navigation: false}"
[items]="images"
[carouselClasses]="['owl-theme', 'row', 'sliding']">
<div class="item" *ngFor="let image of images;let i = index">
    <div class="thumbnail-image"></div>
  </div>
</owl-carousel>

вот массив изображений component.ts

export class WhatwedoComponent {
  images = [
    '/assets/images/ico_1_dark.png',
    '/assets/images/ico_2_dark.png',
    '/assets/images/ico_3_dark.png',
    '/assets/images/ico_4_dark.png',
  ];

}

К сожалению, карусель вообще не отображается в моем приложении; в консольном браузере ошибок нет.

Что не так с моими кодами? Любая помощь будет оценена.


typescript angular html owl-carousel-2
person The Dead Man    schedule 20.08.2018    source источник
comment
Я могу прекрасно использовать ngx-owl-carousel в приложениях Angular 6, поэтому проблема не в используемой вами версии Angular. Я предлагаю вам продолжать копать! Удачи.   -  person a darren    schedule 22.08.2018
comment
Привет, братан, не мог бы ты поделиться своим рабочим кодом на github или stackblitz?   -  person The Dead Man    schedule 22.08.2018

Ответы (1)


arrow_upward
1
arrow_downward

Вам не хватает элемента img.

<img [src]="image"/>

Сделайте следующую регулировку.

<owl-carousel
[options]="{items: 4, dots: false, navigation: false}"
[items]="images"
[carouselClasses]="['owl-theme', 'row', 'sliding']">
<div class="item" *ngFor="let image of images;let i = index">
    <div class="thumbnail-image">
       <img [src]="image"/>
     </div>
  </div>
</owl-carousel>
person Mark Kajubi    schedule 10.11.2018