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来创建元素

1 个答案: