AngularJS ng-repeat 数组数组答案

【问题标题】：AngularJS ng-repeat array of arraysAngularJS ng-repeat 数组数组
【发布时间】：2015-10-23 06:38:49
【问题描述】：

是否可以将ng-repeat 与数组一起使用？

这是我的看法：

<div ng-repeat="item in items">
  <p>{{item}}</p>
  <ul>
    <li ng-repeat="i in item.items">{{i}}</li>
  </ul>
</div>

这是我的控制器：

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

这是我的 Plunker：
http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview

如何输出：

【问题讨论】：

标签： javascript arrays angularjs

【解决方案1】：

你的问题在于这一行：

<li ng-repeat="i in item.items">{{i}}</li>

item.items 是 undefined，因为 item 是一个数组。

你应该枚举item而不是item.items：

<body ng-controller="MainCtrl">
  <div ng-repeat="item in items">
    <ul>
      <li ng-repeat="i in item">{{i}}</li>
    </ul>
  </div>
</body>

这是一个有效的Plunk。

【讨论】：

有人对 Angular7 有答案吗？ ng-repeat 什么也没做，我认为语法已经改变，但我找不到任何东西。

【解决方案2】：

你几乎已经有了结果。这只是您的第二个ng-repeat 中的一个小错误。

<div ng-repeat="item in items">
  <p>{{item}}</p>
  <ul>
    <li ng-repeat="i in item">{{i}}</li>
  </ul>
</div>

您已经在第二个ng-repeat 中，不需要item.items。

有更新的插件：http://plnkr.co/edit/aLx05WWzFRVrocmXwr12?p=preview

【讨论】：