virtualRepeat: with layout-wrap

[orangesoup]

I have an <md-content layout="row" layout-wrap> which contains many <md-card> elements with fixed width and height. On the initial page load I load X number of them. This is all fine. What I would like to do is on scroll (infinite scroll) load more card data and display them. Is this possible with virtual-repeat now and if so, how? If not, how could I achieve the same effect without virtual-repeat?

[eloyleonardo]

Do you solve this issue or find a workaround ? I'm facing the same issue

[eloyleonardo]

If there a way to expose NUM_EXTRA property can sove the problem using a high number of extra components in the screen (i think it's ugly, but it's a way to solve this problem).

[kseamon]

You should be able to do this with the md-on-demand feature. Have a look at the infinite scroll demo to see how you'd load in the additional data.

[eloyleonardo]

@kseamon I tried something like this, but the problem is, the card is only drawn when it gets near the top, leaving the bottom of the page blank. Maybe i made something wrong, here a codepen with the problem: http://codepen.io/eloyleonardo/pen/epjVBJ

Thanks

[kseamon]

Ah, the problem is that the repeater is designed to only allow one item per row, if that makes sense. It computes its height by * which does not work when multiple items occupy each row.

We could maybe call this a feature request, but I've got a lot of higher priority items to work on for now.

[mackelito]

Have the same issue so this feature would be great if it got implemented 👍

[mackelito]

Perhaps there is someone who can point me in the direction how to solve this?