7

我正在尝试使用以下库向我的 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>

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

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

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

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

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

更新：

我添加ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar'到地图对象是我的 systemjs 文件和以下包对象：

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

3 回答 3

8

对于其他正在寻找答案的人来说，问题是因为指令属性已从 更改[perfect-scrollbar]为[perfectScrollbar]。

于 2017-11-27T17:44:51.607 回答
5

如果您想要使用完美滚动条的组件依赖于另一个模块而不是app.module（例如...），您还应该在此子模块中header.module导入。PerfectScrollbarModule您可以按照您在app.module.

于 2017-08-18T08:38:46.830 回答
2

首先，你安装正确了吗？我的意思是你运行了这个命令吗？npm install ngx-perfect-scrollbar --save-dev, 如果没有，那么你应该先这样做才能玩那个库。

于 2017-05-04T23:23:08.453 回答