加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular – Ngx无限滚动 – 模板解析错误:无法绑定到’infinite

发布时间:2020-12-17 07:16:32 所属栏目:安全 来源:网络整理
导读:我使用以下命令安装了ngx无限滚动 ngx-InfiniteScroll: npm install ngx-infinite-scroll --save 在我的app.module中,我添加了: import {InfiniteScrollModule} from 'ngx-infinite-scroll'; 在我的进口中,我补充说: imports: [ BrowserModule,FormsModul
我使用以下命令安装了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’的已知属性,并且不能绑定到它.
我做错了什么?
我错过了什么步骤?
我之前使用它并且它已经工作了.但现在我似乎无法做到这一点.
任何提示?

解决方法

也许你把它添加到主模块而不是共享模块.

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读