title: Angular - How to implement ngx-switch in Feature Module
body: <p>I am implementing ngx-bootstrap-switch in Feature module in Angular-13.</p>
  <p>based on the documentation I have installed</p>
  <p>npm install --save ngx-bootstrap-switch based on the <a href="https://www.npmjs.com/package/ngx-bootstrap-switch" rel="nofollow noreferrer">documentation</a></p>
  <p>I have these modules:</p>
  <p>AdminModule, SharedModule and the AppModule</p>
  <p>Then in the SharedModule, I added this:</p>
  <pre><code>import { NgxBootstrapSwitchModule } from 'ngx-bootstrap-switch';
  
  @NgModule({
    imports: [
      ...
      NgxBootstrapSwitchModule.forRoot()
    ],
    declarations: [
      ...
    ],
  })
  export class SharedModule { }
  </code></pre>
  <p>Then imported it in the AdminModule where I'm to use it:</p>
  <pre><code>import { SharedModule } from '../../shared/shared.module';
  
  @NgModule({
    providers: [
  
    ],
    declarations: [
  
    ],
    imports: [
      CommonModule,
      SharedModule,
    ]
  })
  export class AdminModule { }
  </code></pre>
  <p>admin.component.html:</p>
  <pre><code>&lt;div class=&quot;form-group&quot;&gt;
  
    &lt;ngx-switch [status]=&quot;value&quot;
                [onText]=&quot;onText&quot;
                [offText]=&quot;offText&quot;
                [onColor]=&quot;onColor&quot;
                [offColor]=&quot;offColor&quot;
                [size]=&quot;size&quot;
                [disabled]=&quot;disabled&quot;
                (statusChange)=&quot;onSwitchChange($event)&quot;&gt;
    &lt;/ngx-switch&gt;
  &lt;/div&gt;
  </code></pre>
  <p>But I got yhis error:</p>
  <p>'ngx-switch' is not a known element:</p>
  <ol>
  <li>If 'ngx-switch' is an Angular component, then verify that it is part of this module.</li>
  <li>If 'ngx-switch' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this comp</li>
  </ol>
  <p>How do I resolve this?</p>
  <p>Thank you</p>