使用 AngularJS 嵌套 ng-repeat 创建元素

Question

我正在使用 angularjs ng-repeat。我有这个代码：

angular.module('app', [])
  .controller('MainCtrl', function($scope) {
    var items = [1,2,3,4,5,6,7];
    $scope.items = items;
  });

我想要 html 这样的结果：

<ul>
  <li>
    <a href="">1</a>
    <a href="">2</a>
  </li>
  <li>
    <a href="">3</a>
    <a href="">4</a>
  </li>
  <li>
    <a href="">5</a>
    <a href="">6</a>
  </li>
  <li>
    <a href="">7</a>
  </li>
</ul>

li 元素也需要自动生成。我曾尝试使用 ng-repeat，但我在使用嵌套的 ng-repeat 时遇到困难。

Answer 1

您需要将数组拆分为多个数组

items = [[1,2], [3,4], [5,6], [7]];

这个新数组你可以绑定到 html

<ul>
    <li ng-repeat="li in items"> 
        <a href="" ng-repeat="atags in li">{{atags}}</a>
    </li>
</ul>

我已经为你创建了 jsfiddle 看看：http://jsfiddle.net/k65wmddL/

使用 AngularJS 嵌套 ng-repeat 创建元素

Use AngularJS nested ng-repeat to create elements

angularjs

ng-repeat