title: Can't bind to 'options' since it isn't a known property of 'owl-carousel'
body: <p>I used the owl-carousel in my angular 7 project.
  In First add this in app.module.ts: </p>
  
  <pre><code>  import { SharedModule } from "./shared/shared.module";
    import {OwlModule} from "ngx-owl-carousel";
  
      @NgModule({
        declarations: [t
          ...
        ],
        imports: [
          ...
      ,SharedModule
      ,OwlModule]
   })
  </code></pre>
  
  <p>Then I used from Component from shared folder
  <a href="https://i.stack.imgur.com/pgDlA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pgDlA.jpg" alt="enter image description here"></a>
  like this:</p>
  
  <pre><code>&lt;owl-carousel  [options]="MbannerCarouselOptions" [items]="images" [carouselClasses]="['owl-theme', 'sliding']" &gt;
    &lt;div class="item" *ngFor="let image of mySlideImages;let i = index"&gt;
     &lt;div&gt;
       &lt;img src={{image}}/&gt;
     &lt;/div&gt;
    &lt;/div&gt;
  
   &lt;/owl-carousel&gt; 
  </code></pre>
  
  <p>But I have error:</p>
  
  <blockquote>
    <p>Can't bind to 'options' since it isn't a known property of
    'owl-carousel'.
    1. If 'owl-carousel' is an Angular component and it has 'options' input, then verify that it is part of this module.
    2. If 'owl-carousel' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component
    to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("][options]="MbannerCarouselOptions" [items]="images" [carouselClasses]="['owl-theme', 'sliding']" ></p>
  </blockquote>
  
  <p>Also I declareed </p>
  
  <pre><code>mySlideImages =  ["../assets/image/slider/banner-2.jpg","../assets/image/slider/banner-1.jpg"];  
    myCarouselImages = ["../assets/image/slider/banner-2.jpg","../assets/image/slider/banner-1.jpg"];
    myCarouselOptions={items: 2,  nav: true};
    MbannerCarouselOptions ={items:1,  nav: true,lazyLoad:true,autoplay:true,autoplayTimeout:7000,autoplaySpeed:false,autoplayHoverPause:true,loop:true}; 
  </code></pre>
  
  <p>in banner-carousel.component.ts .</p>
  
  <p>When I used this owl-carousel in app.component.html worked,
  But see error in this component.</p>