Angular2无法在angular2-infinite-scroll中绑定元素

时间:2017-12-20 06:49:42

标签: asp.net-mvc angular2-template

我是角度2的新手,我所做的是使用角度无限滚动并在滚动滚动时加载数据但它提示某些错误无法绑定属性我在下面说明错误:

安装角度2无限滚动

import { NgModule, enableProdMode, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';
import { Routes } from '@angular/router';

import { AppComponent } from './app/app.component';

/* Feature Modules */
import { DatepickerModule } from 'ng2-bootstrap/ng2-bootstrap';
import { PlanModule } from './plan.module';
import { InfiniteScrollModule } from 'angular2-infinite-scroll';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';


enableProdMode();
@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        FormsModule,
        DatepickerModule.forRoot(),
        PlanModule,
        InfiniteScrollModule

    ],
    declarations: [],
    bootstrap: [AppComponent],
    schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }
platformBrowserDynamic().bootstrapModule(AppModule);

添加html页面

 <div id="activityList" *ngIf="structure.jobplan" infinite-scroll
            [infiniteScrollDistance]="2"
            [infiniteScrollThrottle]="300"
         (scrolled)="bindActivitiesOnScroll($event)" >

然后我收到了错误:

Uncaught Error: Template parse errors:
Can't bind to 'infiniteScrollDistance' since it isn't a known property of 'div'. ("

    <div id="activityList" *ngIf="structure.jobplan" infinite-scroll
            [ERROR ->][infiniteScrollDistance]="2"
            [infiniteScrollThrottle]="300"
         (scrolled)="bindAct"): ng:///ActivityModule/ActivityListComponent.html@5:12
Can't bind to 'infiniteScrollThrottle' since it isn't a known property of 'div'. ("t" *ngIf="structure.jobplan" infinite-scroll
            [infiniteScrollDistance]="2"
            [ERROR ->][infiniteScrollThrottle]="300"
         (scrolled)="bindActivitiesOnScroll($event)" >

"): ng:///ActivityModule/ActivityListComponent.html@6:12
    at syntaxError (index.ts:26)
    at TemplateParser.parse (index.ts:26)
    at JitCompiler._compileTemplate (index.ts:26)
    at index.ts:26
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (index.ts:26)
    at index.ts:26
    at Object.then (index.ts:26)
    at JitCompiler._compileModuleAndComponents (index.ts:26)
    at JitCompiler.compileModuleAsync (index.ts:26)
我用谷歌搜索,但无法找到解决方案,为什么它不允许绑定属性, 无法找到我弄错的地方请帮帮我

1 个答案:

答案 0 :(得分:1)

我做的是导入

  

从&#39; angular2-infinite-scroll&#39;中导入{InfiniteScrollModule};

在我的app.module.ts