I have an array of 8 items.
I am displaying them 2-up with the collection-repeat directive.
It is displaying only 4 of my 8 items.
It allows me to pull scroll the ion-content area, but there are not any more items below the top 4.
I checked the DOM after doing an ionic serve
. The other 8 items are in the DOM, just not displaying.
Thoughts?
Here is a snippet of my code. (NOTE: trips
is an array of objects with title and other.
<ion-content class="has-header">
<div class="trips">
<div collection-repeat="trip in trips"
collection-item-width="'50%'"
collection-item-height="'50'">
<div class="trip">
<h2>{{trip.title}}</h2>
<div>...snip</div>
</div>
</div>
</div>
</ion-content>