Question

我刚开始使用Ionic，抱歉我对工具包的理解不足。我正在使用Angular，所以我通过ng-repeat在我的HTML中得到了一个数组，我不知道它有多大。我怎样才能确保每个元素都有1/3的视口，并且相互包裹并在3个元素之后跳转到下一行？

我无法使用row课程，因为我不知道最后会有多少元素。＆＃39; COL＆＃39; class似乎不是内联块或左浮动，因此元素不会被包围。

注意：我可以轻松注入自己的CSS，但我确定Ionic本身可以处理这个问题，对吗？

Answer 1

假设您在控制器中加载了一个图像列表：

"name: test and name:test1"

在您的视图中，您可以使用$scope.images = [];为每3个元素创建一行，并使用列{39}的视图ng-if列。

.col-33

在每列中，您需要检查是否达到了阵列的长度。

你可以看到它是如何运作的here。