Stack Overflow
Stack Overflow

Questions tagged [ui-scroll]

UI Scroll - AngularJS directive to provide infinite scroll over a limited element buffer

The ui-scroll directive dynamically destroys elements as they become invisible and recreating them if they become visible again. The pioneer in the virtual scrolling developing. Since 2013. The repository: github.com/angular-ui/ui-scroll.

enter image description here

23 questions
5
votes
2 answers

Angularjs ui-utils ui-scroll how to use

I am not exactly sure how to use ui-scroll. I have created a plunker but I don't think it works correctly because it is not adding or remove items from the DOM as you scroll. It displays them all! My Plunker for ui-scroll …
Claude
  • 417
  • 1
  • 8
  • 15
4
votes
3 answers

AngularJs ui-scroll reload not working

In one of our angular application, we are using ui-scroll directive for lazy-loading. I have created a adapter and assigned to the ui-scroll directive. I need to reload the entire data by making API request and refresh data. From ui-scroll docs, we…
Srinivasan
  • 433
  • 3
  • 8
  • 20
4
votes
1 answer

AngularJS ui-utils ui.scroll doesn't display results

I have a rails 4 application using AngularJS. I am attempting to create a prototype using the ui.scroll directive from angular's ui-utils modules. My rails API is working great when I use ng-repeat, but when I try using ng-scroll, my viewport never…
Elijah Hall
  • 85
  • 8
3
votes
2 answers

AngularJS ui-scroll not working (Cannot set property 'overflowY' of undefined)

New to AngularJS. Following ui-scroll is not working. Appreciate any help. https://plnkr.co/edit/PVCWRf1DaVtt4j7z15wx?p=preview Trying implement simple ui-scroll without any jquery libraries. Below is sample code making it to work so that i can…
laput
  • 41
  • 1
3
votes
2 answers

How can I use "ui-scroll" with my own data?

I'm trying to create a infinite scroll feature in my application but it feels a bit abstract. I want to use ui-scroll and this fiddle shows a simple example of how it works. I've read the readme and looked through some examples also I've integrated…
Peter Boomsma
  • 8,851
  • 16
  • 93
  • 185
3
votes
1 answer

Filtering Angular-ui Scroll

I am trying to implement infinity type scrolling on a simple grid. Html is like this:

Customer List

Search:
John
  • 505
  • 1
  • 9
  • 22
2
votes
1 answer

ui-scroll for long text virtualising

What is the best way of showing a very long text (in MBs) using ui-scroll ? The text is available in the form of an array but needs to be displayed as a long text document just like a textarea. I'm using ui-scroll as each word in the text is a…
user4848830
  • 779
  • 12
  • 22
2
votes
1 answer

angular-ui-scroll with (key, value) ng-repeat syntax

I am looking into performance improvements for a large table I am rendering and have come across angular-ui-scroll which I would like to try out. In my table I am using the key\value accessor on my ng-repeat, e.g:
mindparse
  • 6,115
  • 27
  • 90
  • 191
2
votes
1 answer

Adding item at top of a list using Angular UI-Scroll

I am using Angular UI scroll. The example I am following is this one . It has a demo page here. It has a function to add a list item at specific position. Following is the excerpt of the code: $scope.addToList1 = -> …
van
  • 633
  • 14
  • 26
2
votes
1 answer

How to jump to the end of an "infinite-scroll" viewport?

I'm using ui-scroll to implement infinite scrolling in my Angular application. It's working perfectly and I'm using it to display a list of events. However, when my app loads, it displays the first events by default (the index 1 actually). To see…
ereOn
  • 53,676
  • 39
  • 161
  • 238
2
votes
2 answers

AngularJS with ng-scroll and ng-repeat

Using angular-ui with angular. Markup includes an ng-scroll element, which I have working with retrieved data from a service. I'd like to create rows of items so an ng-repeat inside an ng-scroll. This works in principle (plunker) but AngularJS says…
pferrel
  • 5,673
  • 5
  • 30
  • 41
1
vote
1 answer

How to add ui-scroll with remote data in angularjs?

I have an issue with my angularjs. I'm trying to add ui-scroll but when I do that I have this error. Maybe it's because the data is not loaded when the html call it. Error: $injector:unpr Unknown provider: datasourceProvider <- datasource This…
user10863293
  • 770
  • 4
  • 11
  • 32
1
vote
1 answer

ui-scroll: Disable update/fetch while scrolling

I am trying to use ui-scroll to provide dynamic scrolling through a large dataset. The get method calls a back end function which queries a database. The query is "slow" so I'd like to disable queries while the scroll thumb is moving. For example,…
Danny
  • 2,482
  • 3
  • 34
  • 48
1
vote
1 answer

ui-scroll two table using the same datasource and scrolling in sync of both tables

I am using ui-scroll in my application and ran into some issues. I want to run ui-scroll on same datasource used to build two tables and by scrolling one table it should also scroll the other table which is created via same datasource. I have tried…
arsinawaz
  • 480
  • 1
  • 6
  • 18
1
vote
1 answer

angularjs ui-scroll get all visible rows

Currently I am using angular-ui/ui-scroll to populate the list of items in the table. Is there a way I can get the list of all visible items that are being rendered in the ui using ui-scroll? I was using adapter.topVisible and adapter.bottomVisible…
Pradyumna Ravuri
  • 43
  • 8
1
2