title: Owl Carousel 2 not wokring with Angular 8
body: <p>I'm using Angular 8 and <a href="https://www.npmjs.com/package/ngx-owl-carousel-o" rel="nofollow noreferrer">https://www.npmjs.com/package/ngx-owl-carousel-o</a></p>
  
  <p>I'm having a problem displaying the images, instead of showing images side by side in a carousel fashion it shows them full width above each other like so:
  <a href="https://imgur.com/a/C0KbIjh" rel="nofollow noreferrer">https://imgur.com/a/C0KbIjh</a></p>
  
  <p><strong>home.component.html</strong></p>
  
  <pre><code>&lt;owl-carousel-o [options]="customOptions"&gt;
                          &lt;ng-container *ngFor="let slide of images"&gt;
                          &lt;ng-template carouselSlide [id]="slide.id"&gt;
                              &lt;img [src]="slide.image" [alt]="slide.alt" [title]="slide.title"&gt;
                          &lt;/ng-template&gt;
                          &lt;/ng-container&gt;
                      &lt;/owl-carousel-o&gt;
  
  </code></pre>
  
  <p><strong>home.component.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { OwlOptions } from 'ngx-owl-carousel-o';
  
  @Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
    styleUrls: ['./home.component.css']
  })
  export class HomeComponent implements OnInit {
    customOptions: OwlOptions = {
      loop: true,
      mouseDrag: false,
      touchDrag: false,
      pullDrag: false,
      dots: false,
      navSpeed: 700,
      navText: ['', ''],
      responsive: {
        0: {
          items: 1
        },
        400: {
          items: 2
        },
        740: {
          items: 3
        },
        940: {
          items: 4
        }
      },
      nav: true
    }
  
    images = [
      {
        id: 1,
        text: "Everfresh Flowers",
        image: "https://freakyjolly.com/demo/jquery/PreloadJS/images/1.jpg"
      },
      {
        id: 2,
        text: "Festive Deer",
        image: "https://freakyjolly.com/demo/jquery/PreloadJS/images/2.jpg"
      },
      {
        id: 3,
        text: "Morning Greens",
        image: "https://freakyjolly.com/demo/jquery/PreloadJS/images/3.jpg"
      }
    ]
  
    constructor() { }
  
    ngOnInit() {
  
    }
  
  }
  </code></pre>
  
  <p><strong>angular.json</strong></p>
  
  <pre><code>"styles": [
                "node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css",
                "node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css",
                "src/styles.css"
              ],
              "scripts": [
                "./node_modules/jquery/dist/jquery.js"
              ]
  </code></pre>