AngularJS ng-repeat tableau de tableaux

Est-il possible d'utiliser ng-repeat avec un tableau de tableaux?

Voici mon avis:

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

Voici mon controller:

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

Voici mon Plunker:

http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview

Comment puis-je sortie:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

OriginalL'auteur Ryan | 2015-07-31

  1. 13

    Votre problème vient de cette ligne:

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

    item.items est undefined parce que item est un tableau.

    Vous devez énumérer item au lieu de item.items:

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

    Voici un travail Plunk.

    OriginalL'auteur

  2. 4

    Vous presque aleady avoir le résultat. C'est juste une petite erreur dans votre deuxième ng-repeat. 

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

    Vous sont déjà au point dans votre deuxième ng-repeat vous n'avez pas besoin item.items.

    Il y a la mise à jour plunker : http://plnkr.co/edit/aLx05WWzFRVrocmXwr12?p=preview

    OriginalL'auteur