Javascript AngularJS-根据索引在ng repeat中使用不同的HTML

根据ng repeat的当前索引，更改其内部HTML的最佳方法是什么？我想输出两个垂直填充容器的div，第三个div将填充一半，第四个div将填充另一半。对下一个元素重复此操作。下图中的示例：

我想在

ng repeat

中增加我的

$index

，方法是执行

{{$index=$index+1}}

，评估ng中的

$index

，看它是否是所需的值。但我无法以这种方式增加索引（当我打印它时，它显示为33、34、35…等等）。提前谢谢

编辑：

---

目前，我忘了添加一个小细节。数字3和4，或7和8需要以相同的格式打印。这是一个旋转木马（slick js），这两个半div需要在旋转木马的同一个“幻灯片”中。唯一的方法是同时打印它们，即

$index

和

$index+1

，否则它们将被视为不同的幻灯片。

可能是，您可以根据需要渲染多少div来维护数字数组。在

ng内部使用
$index
重复
，获取数组项的值，并相应地呈现
divs

例如：

$scope.items=[]；
$scope.divsToRender=[1,1,2,1,1,2]；
//这里使用divsToRender[$index]，并根据当前索引获取要渲染的div数
$index
将在
ng repeat
中为您提供当前项目的索引。如果
，您可以在
ng中使用它。它是零基的。在您的示例中，您的ng if可以是这样的：

<ng-if="$index == 2 || $index == 3 || $index == 6 || $index == 7">


这是一份工作清单

您可以使用以下语法：

<div ng-repeat="div in divs" ng-class="{'up' : $index % 4 === 3, 'down': $index % 4 === 2}">{{div}} = {{$index}}</div>

并以如下方式显示：

 //you'll need to build it
 $scope.slideArray = [1,2,[3,4],5,6,7];

<div ng-repeat="slide in slideArray">
    <div ng-repeat="subSlide in slide">
       {{subSlide}}
    </div>
</div>


{{subSlide}}

使用一些好的CSS并根据您的需要调整它应该可以做到这一点
谢谢，我编辑了我的问题，因为我忘记了一个小细节。半div需要在相同的ng-repeat中打印，也就是说，我需要在相同的ng-repeat迭代中访问当前的$index和$index+1。谢谢，我编辑了我的问题，因为我忘记了一个小细节。半div需要在相同的ng-repeat中打印，也就是说，我需要在相同的ng-repeat迭代中访问当前的$index和$index+1。谢谢，我编辑了我的问题，因为我忘记了一个小细节。半个div需要在同一个ng repeat中打印，也就是说，我需要在ng repeat的同一个迭代中访问当前的$index和$index+1。@LuísFerreira编辑了我的回答谢谢，我稍后会尝试：）
<div ng-repeat="slide in slideArray">
    <div ng-repeat="subSlide in slide">
       {{subSlide}}
    </div>
</div>