Question

请帮帮我..

我用离子创建项目。我希望每行显示5列。

这是我的代码

<div class="row responsive-sm" ng-repeat="item in products">
    <div class="col"  >
        <div class="list card" >

            <div class="item">
                <h2>{{item.merk}}</h2>
                <p>Nine Inch Nails</p>
            </div>

            <div class="item item-image">
                <img ng-src="http://kaerusshop.com/users/rahadian/merk/{{item.pict}}">
            </div>

        </div>
    </div>
</div>

上面的代码显示一行以查看所有数据

怎么做？

Answer 1

检查

<div class="row">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

http://ionicframework.com/docs/components/#grid-even

Answer 2

大块。

由于Ionic是Angular的引擎盖，看看这篇文章，它应该为你解决。

https://stackoverflow.com/a/21653981/5210

在离子中每行显示5列

2 个答案: