angular - 完美滚动条在Angular中不起作用

Question

我正在尝试使用以下库向我的Angular应用程序添加样式化的滚动条:
https://github.com/zefoy/ngx-perfect-scrollbar

我按照该链接中的文档进行操作，并将导入内容添加到我的app.module.ts文件中，但是在尝试使用它时总是出错。

我还尝试将PerfectScrollbarModule和PerfectScrollbarConfigInterface导入到我正在使用它的组件中，但是还是没有运气。

我尝试了以下所有HTML，但是它们导致了相应的错误消息。我想念什么？顺便说一下，我正在使用最新版本的Angular。

<perfect-scrollbar class="container" [config]="config">
  <div class="content">Scrollable content</div>
</perfect-scrollbar>

Can't bind to 'config' since it isn't a known property of 'perfect-scrollbar'.

<perfect-scrollbar class="container">
  <div class="content">Scrollable content</div>
</perfect-scrollbar>

'perfect-scrollbar' is not a known element:

<div [perfect-scrollbar]="config">
    ...
</div

Can't bind to 'perfect-scrollbar' since it isn't a known property of 'div'

更新:

我将 ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar'添加到map对象是我的systemjs文件，并将以下内容添加到packages对象:

'ngx-perfect-scrollbar': {
    main: 'bundles/ngx-perfect-scrollbar.umd.js',
    defaultExtension: 'js'
  }

这是我的 app.module.ts 文件的相关部分:

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)
    ],
    ...
})

Answer 1

对于寻求此答案的任何其他人，问题在于，因为伪指令属性已从[perfect-scrollbar]更改为[perfectScrollbar]。