Ngx无限滚动 - 模板解析错误：无法绑定到＆＃39; infiniteScrollDistance＆＃39;因为它不是一个已知的财产

Question

我使用：

安装了ngx无限滚动ngx-InfiniteScroll

  npm install ngx-infinite-scroll --save

在我的app.module中，我添加了：

import {InfiniteScrollModule} from 'ngx-infinite-scroll';

在我的导入中，我添加了：

  imports: [
 BrowserModule,
 FormsModule,
 AppRoutingModule,
 BrowserAnimationsModule,
 InfiniteScrollModule,
 NgbModule.forRoot()
]

然后在我的组件中，我再次添加：

 import { InfiniteScrollModule } from 'ngx-infinite-scroll';

在我的HTML中我有：

<div class="col-md-12 tableDiv" infiniteScroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="100" (scrolled)="onScroll()">
  /*table with content here */

我得到的错误是infiniteScrollDistance不是“div”的已知属性，并且无法绑定到它。 我做错了什么？ 我错过了什么步骤？ 我之前使用它并且它已经工作了。但现在我似乎无法做到这一点。 任何提示？

Answer 1

也许您将其添加到了主模块而不是共享模块中。

app.module.ts

代替

shared.module.ts

如果您的组件位于共享模块中。

还：

在此示例中，语法不同：

<div class="search-results" infinite-scroll

而不是：

<div class="search-results" infiniteScroll

https://stackblitz.com/edit/ngx-infinite-scroll-rz1jjz?file=src%2Fapp%2Fapp.component.ts