title: ng-repeat elements over nested objects
body: <p>Say I have a nested object literal, and I want to display its contents in a table.
  If the object is 2 levels deep, I can use:</p>
  
  <pre><code>      &lt;table&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;td&gt;key&lt;/td&gt;
                &lt;td&gt;value&lt;/td&gt;
  
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody ng-repeat="(key01, value01) in data"&gt;
              &lt;tr ng-repeat="(key02, value02) in value01"&gt;
                  &lt;td&gt;{{key02}}&lt;/td&gt;
                  &lt;td&gt;{{value02}}&lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>If I have a nested object that is 3 or 4 levels deep, using a similar method how would I display the data in a table? The best I have is from <a href="https://stackoverflow.com/a/18414132/4286092">this previously answered question</a>, however I do not want conduct this logic in a controller, as suggested <a href="https://stackoverflow.com/a/18418968/4286092">here</a>.</p>
  
  <p>I need a way to nest more than 2 ng-Repeats as seen above since in my application, the key names are variable at data generation.</p>
  
  <p>An example of a 3 level deep nest object:</p>
  
  <pre><code>$scope.someVar =    { 'data': {
                                'A': {
                                       'x':'someValue'
                                     },
                                 'B': {
                                       'y':'anotherValue'
                                      } 
                                }
                       }
  </code></pre>