Угловая ngx-infinite-scroll не работает - PullRequest
Новая
       23

Угловая ngx-infinite-scroll не работает

0 голосов
/ 01 июня 2018

Я разрабатываю проект Angular и использую ngx-infinite-scroll для отображения страницы с данными из базы данных.Следуя руководству пользователя для ngx-infinite-scroll , я установил его через npm, а затем добавил модуль в файл, который экспортирует все модули в массив: 

import {BrowserModule} from '@angular/platform-browser';
import {FormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {AppRoutingModule} from '../../app-routing.module';
import { InfiniteScrollModule } from "ngx-infinite-scroll";

export const ModulesExport= [
  BrowserModule,
  FormsModule,
  HttpClientModule,
  AppRoutingModule,
  InfiniteScrollModule
];

Послезатем я импортировал этот массив в свой app.module.ts и добавил его в модули импорта.

import { NgModule } from '@angular/core';

/* import all modules, services and components from package export files */
import {ProvidersExport} from './export/providers-services/export-providers';
import {ComponentsExport} from './export/components/export-components';
import {ExportComponentsObj} from './export/components/export-components-obj';
import {ModulesExport} from './export/modules/export-modules';


@NgModule({
  declarations: [...ComponentsExport],
  imports: [...ModulesExport],
  providers: [...ProvidersExport],
  bootstrap: [ExportComponentsObj.App]
})
export class AppModule { }

Итак, после того, как все добавлено и готово к работе, я создал свой компонент и включил необходимые параметры для бесконечной прокрутки в свой HTML-компонент: 

<div class="row center container">
  <div class="journeysWrapper" style="height: 100%" infinite-scroll [infiniteScrollDistance]="2" [infiniteScrollThrottle]="300" (scroll)="loadMore()">
    <app-journey-preview *ngFor="let journey of journeys" [journey]="journey" [journeyCount]="journeys.length" class="center row container"></app-journey-preview>
  </div>
</div>

Я сейчас пытаюсьпроверьте, все ли работает правильно, и просто запишите образец строки при запуске события прокрутки: 

  loadMore() {
    console.log('scrolled down!!');
  }

К сожалению, когда я загружаю страницу, я получаю следующую ошибку:

enter image description here

Итак, я застрял с этой ошибкой и не могу понять, почему она появляется.Любая помощь будет оценена!

...