Question

我想要10个代表数字的按钮。超级简单，只需重复0-9，我就拥有它。

如何让它看起来像这样：

789
456
123

而不是0123456789

类似'每三次重复创建一个新行'??

我能想到的就是：

{{ x == 3 || 6 || 9 ? return "<br>" }}

但可能有更合乎逻辑的方法。我是这个人的新手

Answer 1

的内容

ng-repeat="dinosaur in [9,8,7,6,5,4,3,2,1]"

在你的元素上，如果使用bootstrap使每个元素都有类.col-xs-4，这会导致它们每3个包装。另一个选项可能涉及

ng-if="!($index%3)"

将每隔三个项目显示该元素。

Answer 2

确保我涵盖了整个问题。

鉴于：0123456789

解决方案：

$scope.items = [1, 2, 3, 4, 5, 6, 7, 8, 9];

<span ng-repeat="item in items | orderBy : item : true">
    <br ng-if="!($index % 3)" />
</span>

这可以成为一种技巧。

“orderBy”的第三个参数将颠倒顺序，目标是检查$index ng-repeat指令内的迭代器。

Answer 3

喜欢的东西：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<span ng-app ng-repeat="i in [1,2,3,4,5,6,7,8,9]">
   <span>{{i}}<span> 
   <span ng-if="!(i%3)"> <br/><span>
</span>

快乐帮助！

每隔三次重复使用换行符重复一次

3 个答案: