Question

我使用旋转木马，我应该在每个ng-repeat循环中渲染2个项目，如下所示：

<div  owl-carousel-item="" ng-repeat="item in (filteredItems = (items | filter:query))" class="item">
          <a ng-href="/#/{{Page.Culture+'/live/'+item.id}}">
            <div class="tv-show-box one-row">
              <div class="tv-show-box-cover">
                <ul>
                  <li>{{::item.name}}</li>
                </ul>
              </div>
              <img ng-src="{{::item.image_name}}" width="220" height="148"  alt="" class="img-responsive"/>
            </div>
          </a>
          <--PART2: Item must go to next Item for this part -->
          <a ng-href="/#/{{Page.Culture+'/live/'+item.id}}">
            <div class="tv-show-box one-row">
              <div class="tv-show-box-cover">
                <ul>
                  <li>{{::filteredItems[$index + 1].name}}</li>
                </ul>
              </div>
              <img ng-src="{{::filteredItems[$index + 1].image_name}}" width="220" height="148"  alt="" class="img-responsive"/>
            </div>
          </a>
        </div>

我的意思是在Part2中定义代码，我需要在再次调用ng-repeat之前移动到下一个项目，我使用$ index + 1，但它对我不好，

我希望永久转移到下一个项目而不仅仅是访问它

是否有像item.Next（）之类的内容？

Answer 1

你可以尝试这样的事情：

<tr ng-repeat="item in items" ng-if="$index % 2 == 0">
   <td class="text-center">{{item.id}}</td>
   <td class="text-center">{{items[$index + 1].id}}</td>
</tr>

为你做这个技巧可能就足够了:)。

修改

你可以做3件事：

<tr ng-repeat="item in items" ng-if="$index % 3 == 0"> <td class="text-center">{{item.id}}</td> <td class="text-center">{{items[$index + 1].id}}</td> <td class="text-center">{{items[$index + 2].id}}</td> </tr>

移至项目中ng-repeat项目中的下一个项目

1 个答案: