angular - Ngx 无限滚动 - 模板解析错误 : Can't bind to 'infiniteScrollDistance' since it isn't a known property

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()
]

然后在我的 component.ts 中再次添加:

 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”的已知属性，也无法绑定(bind)到它。我做错了什么？我错过了什么步骤？我以前用过它并且它有效。但现在我似乎无法让它这样做。有什么提示吗？

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