完美滚动条不工作在角上

Question

我试图使用以下库向我的角应用程序添加一个样式的滚动条：https://github.com/zefoy/ngx-perfect-scrollbar

我遵循该链接中的文档，并将导入添加到我的app.module.ts文件中，但是在尝试使用它时，我总是会遇到错误。

我还尝试将PerfectScrollbarModule和PerfectScrollbarConfigInterface导入到我正在使用的组件中，但仍然没有成功。

我尝试了以下所有的HTML，但是它们都会产生相应的错误消息。我遗漏了什么？顺便说一下，我是最新版的“角质”。

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

无法绑定到“config”，因为它不是“完美滚动条”的已知属性。

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

“完美-滚动条”不是已知的元素：

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

不能绑定到“完美滚动条”，因为它不是“div”的已知属性。

更新：

我向map对象添加了ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar'是我的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]。

Answer 2

如果要使用完美滚动条的组件依赖于app.module以外的另一个模块(例如header.module.)，则还应该在该子模块中导入PerfectScrollbarModule。您可以像在app.module中一样这样做。

Answer 3

首先，你的安装是否正确？我的意思是，您运行了这个命令吗？npm install ngx-perfect-scrollbar --save-dev，如果不是，那么您应该首先这样做，以便能够使用该库。