1

ng-repeat を使用して生成された要素の間に要素を追加する最良の方法は何でしょうか?

例えば：

<div class="block" ng-repeat="position in [1,2,3,4,5,6,7,8,9,10]">{{position+1}}</div>

4 要素ごとに a<br> を配置したいと思います。私の推測では、link.post. 私が良い軌道に乗っているかどうか教えてください。

ありがとうございました

jsFiddle: http://jsfiddle.net/uPMZU/

4

3 に答える 3

2

で何を達成しようとしているのか完全にはわかりませんが、それらを 4 つのグループに積み重ねようとしている場合は、ng-repeat の $index 変数とクラス変更<br>を使用して何かを行うことができます。

これでJSFiddle：http://jsfiddle.net/y44Cb/13/

HTML

<div ng-class="{block: ($index +1) % 4}" ng-repeat="position in [1,2,3,4,5,6,7,8,9,10]">
    <div class="red-block">{{position+1}}</div>
</div>

CSS

div.red-block {
    display: inline-block;
    border: 1px solid red;
    width: 50px;
    height: 50px;
}
div.block {
    float: left;
}
于 2013-06-13T14:51:36.283 に答える
1

ng-repeat-start と ng-repeat-end を使用して、関数でブレークをレンダリングするかどうかを確認できます。

<div class="block" ng-repeat-start="position in [1,2,3,4,5,6,7,8,9,10]">
        <div class="red-block">{{position+1}}</div>
</div>

と

<br ng-if="includeBreak(position)" ng-repeat-end>

また

<p ng-if="includeBreak(position)" ng-repeat-end></p>
于 2015-07-05T16:25:18.907 に答える
0

ng-switch を使用して、必要なことを行うことができます

<div class="block" ng-repeat="position in [1,2,3,4,5,6,7,8,9,10]" data-ng-switch on="($index + 1) % 4 == 0 && $index > 0">
    {{position+1}}
    <br data-ng-switch-when="true">
</div>

jsfiddle: http://jsfiddle.net/7qrne/
"5" div を調べると、"9" div と同じであることがわかりますが、他にはありません。

于 2013-06-13T15:21:47.267 に答える