title: angularjs ng-repeat show all list objects
body: <p>I have this app which lets users create own events and others to register to those events. When creating event you can have as many questions as you like and you can name the questions as you wish. Those will be asked in the registration. App will fetch the names of the questions from the fields and record them in to the entries.</p>
  
  <p>I am having problems to display a table of people that are going to attend. My app is handling one list: </p>
  
  <pre><code> var events = [{
      Title: 'Summer Festival',
      Date: '12.7.2015',
      Location: 'Moon',
      Description: Fillertxt,
      url: "www.something.com",
      MaxEntries: 10,
      fields: [{
        id: 'choice1',
        name: "Gender"
      }, {
        id: 'choice1',
        name: "Address"
      }],
      entries: []
    },
  </code></pre>
  
  <p>Fields have all the questions and when I add an entry and print it it will show <code>{"Gender":"rr","Address":"rr"}</code> in this case.</p>
  
  <p>The problem is that because I cannot foresee the names of those fields I cannot use <code>ng-repeat</code> and then just say <code>&lt;td&gt;{{event.Gender}}&lt;td&gt;</code>because it might as well be <code>{{event.lifesmeaning}}</code>. So how can i display a nice table with the registration info. Can I fetch those names from the fields somehow? I tried nested ng-repeat but didn't got it to work.</p>
  
  <p>Here is also part of the registration page: </p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
    &lt;form&gt;
      &lt;div class="border-box"&gt;
        &lt;center&gt;
          &lt;h2 class="big"&gt;Participate:&lt;/h2&gt;
  
          &lt;div data-ng-hide="!listFull()"&gt;The registration for this event is full.&lt;/div&gt;
          &lt;div class="form-group" data-ng-hide="listFull()"&gt;
            &lt;label for="eventInput"&gt;Name&lt;/label&gt;
            &lt;input style="width: 200px;" type="text" class="form-control" id="eventInput" data-ng-model="newEntry.name"&gt;
          &lt;/div&gt;
          &lt;div data-ng-repeat="field in event.fields" data-ng-hide="listFull()"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="{{$index + 1}}"&gt;{{field.name}}&lt;/label&gt;
              &lt;input style="width: 200px;" type="text" class="form-control" id="{{$index + 1}}" data-ng-model="newEntry[field.name]"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;button style="width: 100px;" data-ng-click="addEntry()" class="btn btn-primary" data-ng-hide="listFull()"&gt;Save&lt;/button&gt;
  
        &lt;/center&gt;
        &lt;br/&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  
    &lt;div class="border-box2"&gt;
      &lt;h2 class="big" align="center"&gt;Who is comming:&lt;/h2&gt;
  
      &lt;p align="center"&gt;{{event.MaxEntries}} can participate.&lt;/p&gt;
      &lt;table&gt;
        &lt;tbody&gt;
          &lt;tr data-ng-repeat="entry in event.entries"&gt;
              &lt;th&gt;{{entry}}&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;br/&gt;
      &lt;br/&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>