drawcall / angular-infinite-list Goto Github PK

In any of the example code change the number of elements in the generator to 10 and see the result, it is not possible to scroll to 9 or 10th element.

if we use angular-infinite-list inside *ngFor then it generate virtual scroll for each of them separately. but when we scroll one element. this object replace in all sections.

infinitelist doesn't work with in multilayer table.
child rows overlay on parent rows and it doesn't adjust according to child rows.

I am using the observable approach - copied the code straight from here and into my project.

Everything works as it should apart from the initial load. This list loads and you can see the items get populated as the scrollbar appears, however none of my items appear until i physically scroll.

I have placed A simple rounded image as each item - set width and height with horizontal scroll enable.

I try adding the change detector in once my list in fetched and stored, but this makes no difference.

I'm try to use it from a lazy module (I haven't tried from eager) and not work.

It says that BrowserModule it's already loaded.

Does exist a way to calculate the height of elements on the fly?

Because of this project, I have a very interesting idea. I can't wait to write him out

The demo URL (https://a-jie.github.io/angular-infinite-list) redirect to https://a-jie.github.io/angular-infinite-list/demo1

Click in the navigation panel also change the URL to /demo2, /demo3. But if we access the demo page directly via those /demo* URL (try F5), we got 404.

overscanCount overscans only the first items.

Are there any samples for loading data from a paginated API?

Hello,
Thank you for your work. This list component is the most promising among I have found.

I faced with issues to run it in my project. This morning I localised the issue and it seems Angular introduced breaking changes in its latest version.

Here is console output

> ERROR in node_modules/angular-infinite-list/dist/infinite-list.module.d.ts:1:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
> 
> This likely means that the library (angular-infinite-list) which declares InfiniteListModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

1 export declare class InfiniteListModule {
                       ~~~~~~~~~~~~~~~~~~

** Angular Live Development Server is listening on localhost:4200, open your browser
on http://localhost:4200/ **

Steps to reproduce:

1. npm install -g @angular/cli
2. ng new my-app
3. npm install angular-infinite-list --save

import { InfiniteListModule } from 'angular-infinite-list';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    InfiniteListModule,

5. ng serve

Observed bhaviour:
The error above

Expected behaviour:
App is compiled and delpoyed without issues

OS:

Angular CLI: 9.1.0
Node: 13.1.0
OS: win32 x64

Angular: 9.1.0
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.901.0
@angular-devkit/build-angular     0.901.0
@angular-devkit/build-optimizer   0.901.0
@angular-devkit/build-webpack     0.901.0
@angular-devkit/core              9.1.0
@angular-devkit/schematics        9.1.0
@ngtools/webpack                  9.1.0
@schematics/angular               9.1.0
@schematics/update                0.901.0
rxjs                              6.5.4
typescript                        3.8.3
webpack                           4.42.0

P.S,
This is versions of dependencies from demo app in repo which run without issues after some changes in code

@angular/cli: 1.4.9
node: 13.1.0
os: win32 x64
@angular/animations: 4.4.7
@angular/cdk: 2.0.0-beta.12
@angular/common: 4.4.7
@angular/compiler: 4.4.7
@angular/core: 4.4.7
@angular/forms: 4.4.7
@angular/http: 4.4.7
@angular/material: 2.0.0-beta.12
@angular/platform-browser: 4.4.7
@angular/platform-browser-dynamic: 4.4.7
@angular/router: 4.4.7
@angular/cli: 1.4.9
@angular/compiler-cli: 4.4.7
@angular/language-service: 4.4.7
typescript: 2.3.4

TypeScript compilation error if "forceConsistentCasingInFileNames" is set to true.

Change

import { Subject } from 'rxjs/subject';

to

import { Subject } from 'rxjs/Subject';

This error actually prevent projects from being built on case-sensitive file systems (like Linux).

Doe this component support vertical lists of floated elements? IOW, can I have a virtualized list of items that are floated left, kind of like a photo gallery?