title: Perfect Scrollbar not working in Angular
body: <p>I'm trying to add a styled scrollbar to my Angular application using the following library:
  <a href="https://github.com/zefoy/ngx-perfect-scrollbar" rel="noreferrer">https://github.com/zefoy/ngx-perfect-scrollbar</a></p>
  
  <p>I followed the documentation in that link and added the imports to my app.module.ts file, but I keep getting errors when trying to use it.</p>
  
  <p>I also tried importing PerfectScrollbarModule and PerfectScrollbarConfigInterface to the component I'm using it in, but still no luck.</p>
  
  <p>I tried all of the following HTML, but they resulted in the corresponding error messages. What am I missing? By the way, I'm on the most recent version of Angular.</p>
  
  <pre><code>&lt;perfect-scrollbar class="container" [config]="config"&gt;
    &lt;div class="content"&gt;Scrollable content&lt;/div&gt;
  &lt;/perfect-scrollbar&gt;
  </code></pre>
  
  <blockquote>
    <p>Can't bind to 'config' since it isn't a known property of
    'perfect-scrollbar'.</p>
  </blockquote>
  
  <pre><code>&lt;perfect-scrollbar class="container"&gt;
    &lt;div class="content"&gt;Scrollable content&lt;/div&gt;
  &lt;/perfect-scrollbar&gt;
  </code></pre>
  
  <blockquote>
    <p>'perfect-scrollbar' is not a known element:</p>
  </blockquote>
  
  <pre><code>&lt;div [perfect-scrollbar]="config"&gt;
      ...
  &lt;/div
  </code></pre>
  
  <blockquote>
    <p>Can't bind to 'perfect-scrollbar' since it isn't a known property of
    'div'</p>
  </blockquote>
  
  <p>UPDATE:</p>
  
  <p>I added <code>ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar'</code> to the map object is my systemjs file and the following to the packages object:</p>
  
  <pre><code>'ngx-perfect-scrollbar': {
      main: 'bundles/ngx-perfect-scrollbar.umd.js',
      defaultExtension: 'js'
    }
  </code></pre>
  
  <p>Here are the relevant parts of my <strong>app.module.ts</strong> file:</p>
  
  <pre><code>import { PerfectScrollbarModule }          from 'ngx-perfect-scrollbar';
  import { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';
  
  export const PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
    suppressScrollX: true
  };
  
  @NgModule({ 
      imports: [        
          ...
          PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG)
      ],
      ...
  })
  </code></pre>