在中间插入其他东西时循环通过项目

我需要遍历数组的所有项目，如ng-repeat，但在中间插入其他内容，比如在第3个和第4个之间。如何做？在中间插入其他东西时循环通过项目

WANT THIS 
<img 1 /> <!-- this is one array item --> 
<img 2 /> 
<img 3 /> 
<div>something else</div> <!-- between array items --> 
<img 4 /> 
<img 5 /> 
... 
<img 9 />

必须有包裹上述的若干项没有额外的元素，因为每个项目是可流动到下一行上窄屏幕自举网格项。下面是不正常：

NOT OK 
<div> 
    <img 1 /> 
    <img 2 /> 
    <img 3 /> 
</div> 
<div>something else</div> 
<div> 
    <img 4 /> 
    <img 5 /> 
    ... 
    <img 9 /> 
</div>

关于复制，我不认为这个问题重复了其他问题Customize ng-repeat in AngularJS for every nth element。这个问题的答案是后者

<div ng-repeat="items in MyList"> 
    <img /> 
    <br ng-if="...$index..." /> 
</div>

其输出作为

<div><img /></div> <!-- one repeating item --> 
<div><img /></div> 
<div><img /></div> 
<div><img /><br/></div>

，但我需要一个额外的标签之间的重复项目。

来源

2017-09-14 Ka Fai Lo

那么你的阵列样子。你想在数组之间还是在元素之间添加 –

@AnilShrestha数组就像'[{src：''}，{src：''}]'。想要添加第3和第4个元素。 –

这是AngularJS（v1）还是Angular（v2 +）？ – DeborahK

让这是你的阵列

array = []; //your array

现在一些价值添加到阵列所需的索引。让你想在第四位加

array.splice(4, 0, "something else"); 




<div ng-repeat="(key, value) in array"> 

    <img ng-if="key != 4" /> 
    <div ng-if="key == 4">something else</div> 

</div>

希望它给你一些想法

来源

2017-09-14 17:52:14

哦，我不希望修改显示数据。但这应该工作。 –

在中间插入其他东西时循环通过项目

回答

相关问题