ng-repeat在两行(或更多行)上

sch

我的array

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

我的HTML

<div ng-repeat="item in data track by $index">{{item}}</span>

这将按预期输出:12345678910

但我想显示array以上两个rows示例,如以下示例所示:

12345 // break here
678910

我在此数组上运行了一些函数,所以我不想将数组拆分为两个较小的数组,因为这意味着我必须经常运行这些其他函数两次。我已经研究了ngRepeat的“开始结束”部分,但是老实说,我不知道它是如何工作的,想法?

注意:如果需要的话,这是离子应用。

编辑:我不能得到建议的答案来工作,虽然我可以精简我的代码,并使它工作,但没有。这是我的完整htmlng-repeat代码:

<div class="row">
   <div class="col" ng-repeat="item in data track by $index">
      {{item}}
      <br ng-if="$index == 4">
   </div>
</div>

这没用,怎么来的?row或有任何关系col吗?

格朗伯特

ng-if$index等于时,您可以用来插入新行4

<div class="col"> 
    <span ng-repeat="item in data track by $index">
        {{item}}
        <br ng-if="$index==4">
    </span>
</div>

在这里,我们也移动ng-repeatspan里面的元素div这解决了由于应用于样式可能引起的任何潜在问题div

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章