javascript - AngularJS - 異なるコンテナーで ng-repeat を使用する方法

Question

数値の配列を表示するために ng-repeat を使用しようとしています。たとえば、別のコンテナに入れたい場合、これをどのように達成するのulですか? また、それぞれulに最大 2 しか含めることができませんli。

$scope.numbers = [1,2,3,4,5]

<div ng-controller="myController">
    <ul>
        <li>1</li>
        <li>2</li>
    </ul>
    <ul>
        <li>3</li>
        <li>4</li>
    </ul>
    <ul>
        <li>5</li>
    </ul>
</div>

Answer 1

numbersその配列をチャンクに分割してから、ネストされたng-repeat.

JavaScript:

var i, l = $scope.numbers.length;

$scope.chunks = [];

for ( i = 0; i < l; i += 2) {
    $scope.chunks.push( $scope.numbers.slice(i, i + 2) );
}

HTML:

<div ng-controller="myController">
    <ul ng-repeat="chunk in chunks">
        <li ng-repeat="number in chunk">{{ number }}</li>
    </ul>
</div>

---

こちらで実際にご覧ください。