Load list after page load (with loading icon)

ionic-v1
1

Hi folks,

I’m wondering if anyone has done something similar before.

I haven’t really found much around on this topic and it doesn’t seem very straight forward right now, as the two way bindings are immediate.

I have a page with a long list which takes a few seconds to render.

I’m trying to achieve the following:

  • button click
  • page transitions without lag
  • loading gif displayed where list is meant to be
  • list is rendered after page load

Right now the transition is laggy and slow as molasses :smiley:

Any suggestions or indications? Thanks a ton! :smile:

2

Ok, I’ll be using limitTo for now.

3

For long list you can try the ion-list + infinitescroll.
http://ionicframework.com/docs/api/directive/ionInfiniteScroll/

So you can load only 20 list items and if you scroll down -> load the other items with lazy loading.

Greetz, bengtler.

2 Likes