title: Dynamic ng-repeat in AngularJS
body: <p>My angular controller is</p>
  
  <pre><code>$scope.dyna = [
      { "name": "parshuram", "age": 24 },
      { "name": "Tejash", "age": 26 },
      { "name": "Vinayak", "age": 25 }
  ];
  </code></pre>
  
  <p>My html</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody&gt;
      &lt;tr ng-repeat="test in dyna"&gt;
       &lt;td&gt;{{test.name}}&lt;/td&gt;
       &lt;td&gt;{{test.age}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tboody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This works correctly, and outputs</p>
  
  <pre><code>Parshuram 24
  Tejash    26
  </code></pre>
  
  <p>But if an another variable is added to my scope variable, I need to make changes in my html table:</p>
  
  <pre><code>  $scope.dyna = [
         { "name": "parshuram", "age": 24 ,"void": true},
         { "name": "Tejash", "age": 26,"void" : false }
    ];
  
    &lt;table&gt;
        &lt;tbody&gt;
          &lt;tr ng-repeat= "test in dyna"&gt;
           &lt;td&gt;{{test.name}}&lt;/td&gt;
           &lt;td&gt;{{test.age}}&lt;/td&gt;
  
           &lt;!-- I don't want to have to add this, the columns should be added dynamically --&gt;
          &lt;td&gt;{{test.void}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tboody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>In that case, can the columns be generated dynamically, for example by getting all my object variables from the scope?</p>