Questions tagged [nginfinitescroll]

ngInfiniteScroll is a directive that you can use to implement infinite scrolling in AngularJS applications.

ngInfiniteScroll is a directive that you can use to implement infinite scrolling in AngularJS applications.

http://binarymuse.github.io/ngInfiniteScroll/

100 questions
2
votes
0 answers

Infinite scrolling inside a bootstrap modal

I want to make an infinite scroll inside an AngularStrap modal. I want also to fix the modal header and modal footer and only scroll on what's inside the modal body. I'm using the ngInfiniteScroll library. The problem is that it's showing two…
Fourat
  • 2,120
  • 2
  • 34
  • 49
2
votes
1 answer

ngInfiniteScroll is being called more than it needs to

I have the following unordered list that uses ngInfiniteScroll:
1
vote
0 answers

How to integrate Primeng datatable with ngx-infinite-scroll

I am trying to integrate ngx-infinite scroll library https://www.npmjs.com/package/ngx-infinite-scroll with a primeng grid https://www.primefaces.org/primeng-4.3.0/#/datatable Has anyone tried to integrate those together or any other datatable.
1
vote
1 answer

use angular variable inside angular factory

I am new to angular... in below code i need to use variable scope $scope.slugname inside Angular Factory(Test).. var myApp = angular.module('myApp', ['infinite-scroll']); myApp.controller('DemoController', function($scope, Test) { …
Shazvan Hanif
  • 373
  • 2
  • 20
1
vote
0 answers

(ScrolledUp) in ngx-infinite-scroll does not work

i am using ngx-infinite-scroll in my angular app my problem is (scrolledUP) does not work but (scrolled) is working fine i do not why here is my code html page : [infiniteScrollDistance]="2" [infiniteScrollThrottle]="50" …
1
vote
1 answer

Infinite scroll duplicates rows

I'm using ngInfiniteScroll dependency for my angularjs project. Whenever I scroll up and down again, it duplicates the rows. HTML JavaScript $scope.loadMore = function()…
Engin
  • 646
  • 7
  • 15
1
vote
1 answer

Angular 4: Infinite scroll default behavior not working

I am trying to implement infinite scroll in my Angular 4 application. I have followed all the directions from https://www.npmjs.com/package/ngx-infinite-scroll In the document it says: By default, the directive listens to the window scroll event…
Prabesh
  • 327
  • 1
  • 4
  • 17
1
vote
1 answer

Angular 4: Lazy Loading plugin to fetch next set of records on demand

I've tabular data which would cross thousands of records, Initially only 1000 records would be populated in the grid. upon scroll, the next 1000 records would be appended on each scroll till all the records are populated. Furthermore I shouldn't…
BVS
  • 421
  • 1
  • 6
  • 14
1
vote
0 answers

How to use ngInfiniteScroll on text content?

So I have a very long text content and I want to infinite scroll it using ngInfiniteScroll but the documentation shows different demos of angular lists. What if my content isn't an array? The first thing that came up to my mind is to put each…
wobsoriano
  • 8,501
  • 19
  • 63
  • 125
1
vote
2 answers

Why isn't ngInfiniteScroll working for tables?

I am trying to implement ngInfiniteScroll on my table with ng-repeat on
However, it doesn't get triggered when I reach the end of page.
Akshay Khetrapal
  • 2,130
  • 4
  • 18
  • 35
1
vote
1 answer

Issue with $key in fb-util infinite scroll

I am using fb-util for infinite scroll and everything looks good. However, once I hit 250 elements, I am seeing the following error. Any idea what this is about ? Error: Query: When ordering by key, you may only pass one argument to startAt(),…
Ahsan
  • 2,855
  • 11
  • 51
  • 94
1
vote
1 answer

angular2-infinite-scroll and ng-for trackBy function

I'm using angular2-infinite-scroll combined with trackBy ng-for function. I noticed very strange behavior, which I can not understand. I had put console.log statement in my trackBy function and I noticed that when I scroll, the log is is executed…
Emil Alkalay
  • 426
  • 4
  • 15
1
vote
0 answers

Is it possible to reverse ng-infinite-scroll in Angular js?

I am new in AngularJs . I have implemented ng-infinite-scroll to show my posts as per it's documentation on this link.Now scrolling works top to bottom. But how can I implemented it in reverse order as like chat conversation(bottom to up).…
1
vote
1 answer

ngInfiniteScroll not showing anything when changing source array

I have a bunch of products and am using infinite scroll to display them. It generally works very well if I dont change the array values. However, I have different types of products and have a filter that changes the firebase database endpoints and…
1
vote
3 answers

Angular.js: Repeating HTML data list

I have tried applying ngInfiniteScroll on angular.js component. I know that needs to use ng-repeat, acutally I don't know how to apply this. In my case, data is build as HTML document for repeating. Each of $ctrl.htmlViews data like this.
  • Minkyu Kim
    • 1,064
    • 3
    • 17
    • 39