Roger Liao Roger Liao - 7 months ago 21
AngularJS Question

Iterating over object properties with arrays

here is my data structure:

$scope.table = {
a: ["1","2","3","4"],
b: ["5","6","7","8"]

and i can loop through the keys with ng-repeat:

<tr ng-repeat="(key,value) in table">
<td>{{key}}</td> <!-- display a, b-->
<td ng-repeat="???"></td>

I also want to loop through the values array after the key, how should I continue?

Thank you!


If you want to loop over the array inside the properties, you can do the following:

angular.module('app', [])
  .controller('mainCtrl', function($scope) {
    $scope.table = {
                    a: ["1","2","3","4"],
                    b: ["5","6","7","8"]
<!DOCTYPE html>
<html ng-app="app">

  <script src=""></script>

<body ng-controller="mainCtrl">
    <tr ng-repeat="(key, values) in table">
      <td ng-bind="key"></td>
      <td ng-repeat="value in values" ng-bind="value"></td>