Implementing Infinite Scrolling

This example demos an infinite scroll UI.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

Explanation

• The last table row of the table generated on the server side, has an ic-append-from attribute that loads the next page of results, and that uses ic-trigger-on to trigger the request when the row is scrolled into view. The row targets the body of the table to append to using the ic-target attribute and shows an indicator for the request via the ic-indicator attribute.

Demo