title: Nested JSON in one ng-repeat
body: <p>I'm somewhat new to angular, and i'm having problems with ng-repeats. I have one ng-repeat that have to show nested objects in each repeat. You know what I mean?</p>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;li ng-repeat="rm in rooms"&gt;
      &lt;a href=""&gt;
          &lt;span id="room"&gt;{{rm.room}}&lt;/span&gt;
          &lt;span id="rack_num"&gt;Rack {{rm.rack}}&lt;/span&gt;
          &lt;span id="slot_type"&gt;{{rm.type}}&lt;/span&gt;
          &lt;span id="slot_id"&gt;Slot {{rm.id}}&lt;/span&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I have a list of "rooms" and "racks" and "slots":</p>
  
  <pre><code> [
  {
    "room": 1,
    "rackroom": [
      {
        "rack": 8,
        "rackslots": [
          {
            "slot": 1,
            "id": "EZ345T1R",
            "type": "single"
          }
        ]
      },
      {
        "rack": 12,
        "rackslots": [
          {
            "slot": 3,
            "id": "56XZU28",
            "type": "double"
          }
        ]
      }
    ]
  },
  {
    "room": 2,
    "rackroom": [
      {
        "rack": 12,
        "rackslots": [
          {
            "slot": 1,
            "id": "TZE57DG",
            "type": "single"
          }
        ]
      },
      {
        "rack": 32,
        "rackslots": [
          {
            "slot": 7,
            "id": "778GHRT",
            "type": "double"
          }
        ]
      }
    ]
  }
  ]
  </code></pre>
  
  <p>My controller looks like this:</p>
  
  <pre><code>$http.get('data/data.json').success(function(data) {
  
          $scope.rooms = [];
          $scope.slots = [];
          $scope.racks = [];
          angular.forEach(data, function(key, val){
              $scope.rooms.push(key);
              angular.forEach(key.rackroom, function(key, val){
                  $scope.racks.push(key);
                  angular.forEach(key.rackslots, function(key, val){
                      $scope.slots.push(key);
                  });
              });
          });
        });
  </code></pre>
  
  <p>The output should look something like this:</p>
  
  <pre><code>• Room: 1
  • Rack: 12
  • Type: single
  • Slot: 3
  
  • Room: 1
  • Rack: 24
  • Type: single
  • Slot: 8
  </code></pre>
  
  <p>It seems like I'm wrong because just the rooms appear but not the nested objects. If I make 3 separate repeats (slot in slots, rack in racks, room in rooms) they all appeear, but I need it all in one repeat ...
  Thank you for Help!</p>