AngularJS迭代重复范围对象

时间:2016-03-30 02:27:57

标签: javascript angularjs twitter-bootstrap

我正在尝试使用ng-repeat使用范围对象中的数据创建3的bootstrap行。由于我的ng-if,它每三次循环一次。基本上我想知道是否可以做<h4> {{yogurt[$index+1].name}} </h4>

之类的事情

这是我的代码:

<div ng-repeat="yogurt in yogurts" ng-if="$index % 3 == 0" class="row">
  <div class="col-md-4">
    <div class="panel panel-default">
       <div class="panel-body">
         <h4> {{yogurt.name}} </h4>
         <h6> {{yogurt.ingredients}} </h6>
       </div>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:1)

你错过了 s ,一切都应该没问题:{{yogurts[$index+1].name}} </h4>

您可以检查它是否也不是最后一个{{$last ? : '' : yogurts[$index+1].name}} </h4>