onsen ui - How to use lazy repeat to display more than one item per line? -


instead of displying items 1 above 1 in basis example
item#1
item#2
item#3

what can arrange items in 2 or 3 columns per row below ?
item#1 item#2 item#3
item#4 item#5 item#6
item#7 item#8 item#9

you can puttin ons-list inside ons-carousel, here example:

<ons-page>    <ons-carousel swipeable overscrollable auto-scroll style="height: 100%; width: 100%;">      <ons-carousel-item ng-repeat="i in [0,1]">        <ons-list>            <ons-list-item ng-repeat="j in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]">            item #{{ j + * 21 }}          </ons-list-item>        </ons-list>      </ons-carousel-item>    </ons-carousel-item>  </ons-page>


Comments

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -