Dynamic ng-repeat in AngularJS
<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>