title: how can I avoid multiple tbody when using multiple ngrepeat in table
body: <p>DEMO: <a href="http://jsfiddle.net/6dJ79/1/" rel="nofollow">http://jsfiddle.net/6dJ79/1/</a></p>
  
  <p>The demo above works, however it achieves the results by repeating tbody. I'm wanting to avoid this.</p>
  
  <p>Is there any other way that I can have a row for each color, for each person without repeating tbody? Ideally I'm wanting to have the output look like below without manipulating the data.</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Color&lt;/th&gt;
              &lt;th&gt;Fav&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Bill&lt;/td&gt;
              &lt;td&gt;red&lt;/td&gt;
              &lt;td&gt;yes&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Bill&lt;/td&gt;
              &lt;td&gt;blue&lt;/td&gt;
              &lt;td&gt;no&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Larry&lt;/td&gt;
              &lt;td&gt;purple&lt;/td&gt;
              &lt;td&gt;yes&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Larry&lt;/td&gt;
              &lt;td&gt;yellow&lt;/td&gt;
              &lt;td&gt;no&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The data:</p>
  
  <pre><code>{
      name: 'Bill',
      colors: [{
          name: 'red',
          favColor: 'yes'
      }, {
          name: 'blue',
          favColor: 'no'
      }]
  }, {
      name: 'Larry',
      colors: [{
          name: 'purple',
          favColor: 'yes'
      }, {
          name: 'yellow',
          favColor: 'no'
      }]
  }
  </code></pre>