onsen-ui - 如何使用懒惰重复每行显示多个项目？

Question

而不是像基础示例中那样显示一个以上的项目
项目#1
项目#2
项目#3

我可以在每行两列或三列中排列什么项目，如下所示？
项目#1 项目#2 项目#3
项目#4 项目#5 项目#6
项目#7 项目#8 项目#9

Answer 1

你可以通过puttin来做ons-list内ons-carousel ，这是一个例子:

<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 + i * 21 }}
        </ons-list-item>
      </ons-list>
    </ons-carousel-item>
  </ons-carousel-item>
</ons-page>