Javascript ng每三次重复一次,换行
我想要10个代表数字的按钮。 超级简单,只要重复0-9,我就知道了 我如何使它看起来像这样: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]” 在您的元素上,如果使用引导
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不是最棒的文本编辑器。