title: Owl carousel in Angular 7
body: <p>I use the Owl carousel in Angular 7.
  In First I install With </p>
  
  <pre><code> npm install ngx-owl-carousel owl.carousel jquery --save
  </code></pre>
  
  <p>Then add </p>
  
  <pre><code> "scripts": ["./node_modules/jquery/dist/jquery.min.js",
   "./node_modules/owl.carousel/dist/owl.carousel.min.js"]
  </code></pre>
  
  <p>In angular.json file
  and add</p>
  
  <pre><code>import { OwlModule } from 'ngx-owl-carousel';
  imports: [
   BrowserModule,
   OwlModule
  ]
  </code></pre>
  
  <p>in app.module.ts file
  Then I Used </p>
  
  <pre><code>public ngOnInit()
  {
   /*----------------------------
          Slideshow
      ------------------------------ */
      $('.slideshow').owlCarousel({
        items: 6,
        autoPlay: 3000,
        singleItem: true,
        navigation: true,
        navigationText: ['&lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;', '&lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;'],
        pagination: true
    });
  }
  </code></pre>
  
  <p>In app.component.ts file, But I have error </p>
  
  <blockquote>
    <p>core.js:14576 ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_2__(...).owlCarousel is not a function</p>
  </blockquote>
  
  <p>where am I mistake ? Please  help me.
  Thanks. </p>