kamilkp / ng2-vs-for Goto Github PK
View Code? Open in Web Editor NEWVirtual Scroll repeater for Angular2
License: MIT License
Virtual Scroll repeater for Angular2
License: MIT License
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.