kamilkp / ng2-vs-for Goto Github PK

I am getting an error during ngOnInit() in getClientSize: Can't read property 'clientHeight' of null. ElementRef's use is strongly cautioned in the Angular documentation. Is it somehow not working due to RC4?

only shows few records that are shown at iniitial page in IE11.

able to scroll but Records not populated on scroll

It gives following error while using with "@angular/core": "2.4.0",
Cannot find module 'ng2-vs-for'.
Object literal may only specify known properties, and 'directives' does not exist in type 'Component'.

Looks quite interesting but the last commits are quite old. Are you still actively developing this thing?

If there was live demo example with code, it would help a lot.

I'm getting error after some rows displayed

Is following setup correct?

inside class constructor

        var arr = [];
        for(var i=1; i<=100; i++) {
            arr.push(i.toString());
        }

        this.test = arr;

template file

    <div *vsFor="test; #test = vsCollection; #_startIndex = vsStartIndex">
        <div *ngFor="#item of test; #i = index">
            {{ i + _startIndex }}
            within loop<br/>
        </div>
    </div>

the above code does show numbers, but from 1 to 61 (not 100) and throw following error in console log.

Good afternoon!

My list despite being displayed correctly, it is not scrolling correctly.

An example follows:

https://plnkr.co/edit/8nHU9WsoPbsH5Sp6GP7X?p=preview

Thank you for your help

The scroll binding does not work, calculation visible items fails.
I am working on getting it to work properly when scrolling the document. The scrollbar itself jagges a lot when scrolling, though the heights of the individual items is calculated properly. I am still investigating that issue.

I'd like to upgrade typescript support for this library to 2.3, but from the open pull requests it's not clear anyone is accepting contributions. Is there any maintainer who would be willing to merge a pull request?

When I do a production build, using Ionic 3, I get this error:

ionic-app-script task: "build"
[13:08:32]  Error: Error encountered resolving symbol values statically. Could not resolve ng2-vs-for relative to
            C:/MyApp/src/app/app.module.ts., resolving symbol AppModule in
            C:/MyApp/src/app/app.module.ts, resolving symbol AppModule in
            C:/MyApp/src/app/app.module.ts
Error: Error encountered resolving symbol values statically. Could not resolve ng2-vs-for relative to C:/MyApp/src/app/app.module.ts., resolving symbol AppModule in C:/MyApp/src/app/app.module.ts, resolving symbol AppModule in C:/MyApp/src/app/app.module.ts
    at Error (native)
    at syntaxError (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:1513:34)
    at simplifyInContext (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:23316:23)
    at StaticReflector.simplify (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:23328:13)
    at StaticReflector.annotations (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:22794:60)
    at NgModuleResolver.resolve (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:13352:70)
    at CompileMetadataResolver.getNgModuleMetadata (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:13937:60)
    at addNgModule (C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:22526:58)
    at C:\MyApp\node_modules\@angular\compiler\bundles\compiler.umd.js:22537:14
    at Array.forEach (native)

How could I solve this error?

Hi,
I wonder why this awesome component isn't still supported/continued, are you guys switch to another component ? I really need virtual scroll with angular2 finale release.

I try to test to do a demo, I download repo and I don't know how build to see an demo, do you have a demo of this component to see performance?

This is the virtual scroll I find from Google team but unable to do it with angular2 : https://developers.google.com/web/updates/2016/07/infinite-scroller

I'm using version 1.0.11 to go with angular2 beta.

I want to use this plugin for ionic2 app. When I add the following line in my app.ts file. I get the following errors:

import {VsFor} from 'ng2-vs-for';

TypeScript error: app/app.ts(4,21): Error TS2307: Cannot find module 'ng2-vs-for'.
TypeScript error: app/app.ts(23,3): Error TS2345: Argument of type '{ templateUrl: string; providers: (typeof gq | typeof Api)[]; directive: any[]; config: {}; }' is not assignable to parameter of type 'AppMetadata'.
  Object literal may only specify known properties, and 'directive' does not exist in type 'AppMetadata'.

/Users/basit/projects/site.com/github/mobile-app/node_modules/ng2-vs-for/src/ng2-vs-for.ts:1
import {
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'

I have text content for each row, which can be long text or short for each row.

I have read, we can set size:getItemSize as getItemSize method to change dynamic method for each row.

The only question I have in this, how we get different height size for text content? do we use jQuery,height() method or is there some other way for knowing what actual size is for the row? or is there auto size finder?

I want to scroll in list using Up/Down key

The current examples use an out of date syntax; please update the examples

I tried to run it on a list of 10K items, The browser was lagging and stuttering like hell.
Maybe I don't understand how to work with this or maybe this component doesn't deliver.

If i have 10000 elements inside a container and the scroll is on the bottom and then I dynamically change the content to be 100 elements (for example a search), the scroll area is not automatically resizing.

The same happens when you are inserting new content, for example content pagination.

The component should be able to autoSize when data is inserted/removed.