Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng每三次重复一次,换行_Javascript_Angularjs - Fatal编程技术网

Javascript ng每三次重复一次,换行

Javascript ng每三次重复一次,换行,javascript,angularjs,Javascript,Angularjs,我想要10个代表数字的按钮。 超级简单,只要重复0-9,我就知道了 我如何使它看起来像这样: 789 456 123 而不是0123456789 类似“每三次重复创建一条新线”之类的内容 我所能想到的是: {{ x == 3 || 6 || 9 ? return "<br>" }} {{x==3 | | 6 | | 9?返回“”} 但可能有一种更符合逻辑的方法。我对这一切都是陌生的 ng repeat=“恐龙在[9,8,7,6,5,4,3,2,1]” 在您的元素上,如果使用引导

我想要10个代表数字的按钮。 超级简单,只要重复0-9,我就知道了

我如何使它看起来像这样:

789
456
123
而不是0123456789

类似“每三次重复创建一条新线”之类的内容

我所能想到的是:

{{ x == 3 || 6 || 9 ? return "<br>" }}
{{x==3 | | 6 | | 9?返回“
”}

但可能有一种更符合逻辑的方法。我对这一切都是陌生的

ng repeat=“恐龙在[9,8,7,6,5,4,3,2,1]”

在您的元素上,如果使用引导,则使每个元素都有class.col-xs-4,这将导致它们每3个就包装一次。另一种选择可能涉及

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

这将每隔三项显示元素。

以确保我涵盖了整个问题

给出: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
指令中的迭代器。

类似于:


{{i}


似乎您正在寻找模运算符
{{x%3==0?返回“
”}
两个解决方案!哈哈哈,谢谢你,因为一些愚蠢的原因,我甚至没有想过使用bootstrap,尽管我的整个应用程序都在bootstrap中,我学到了一些新东西。模是我以前从未用过的东西。我也会玩这个。谢谢大家,但是如果我们的收藏是一系列的物品呢?坚持使用
item
不会有任何神奇的效果,尽管答案在数字数组中是正确的。item只是一个变量名,我可以称它为恐龙,它可以工作:)我不抱怨名称:)但我对条件语句有。这看起来不太正确。例如,它将失败,因为它以“!”开头,没有任何括号;)所以它的执行方式如下:
(!item)%3)
。所以它至少应该是
!(项目%3)
。但完美的答案应该是
!($index%3)
。啊,是的,谢谢我会编辑,iPhone不是最棒的文本编辑器。