angularjs ng-repeat table with nested table element
<p>I have a view where I displaying basic customer information (Name and email) and inside it there is customer details table.</p>

<p>I tried to write ng-repeat in tbody section but child table not getting the data and it's printed only once.</p>

<p>Also I tried to use <code>ng-repeat-start ng-repeat-end</code> but I'm getting errors that no matching <code>ng-repeat-end</code> is found </p>

<blockquote>
  <p>Error: [$compile:uterdir] Unterminated attribute, found
  'ng-repeat-start' but no matching 'ng-repeat-end' found.</p>
</blockquote>

<p>my code:</p>

<pre><code>&lt;table class="customer"&gt;
    &lt;thead&gt;
    &lt;tr&gt;
      &lt;th class="first"&gt;Customer Name &lt;span class="sortable"&gt;&lt;/span&gt;&lt;/th&gt;
      &lt;th class="opp-detail"&gt;Email&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody ng-repeat="customer in customerList"&gt;
    &lt;tr&gt;
      &lt;td&gt;{{customer.Name}}&lt;/td&gt;
      &lt;td class="opp-detail"&gt;{{customer.EMail}}&lt;/td&gt;

      &lt;table class="customer-details collapsed" &gt;
        &lt;thead&gt;
        &lt;tr&gt;
          &lt;th class="opp-detail"&gt;Name&lt;/th&gt;
          &lt;th class="opp-detail"&gt;Address&lt;/th&gt;
          &lt;th class="opp-detail"&gt;City&lt;/th&gt;
          &lt;th class="opp-detail"&gt;Zip Code&lt;/th&gt;
          &lt;th class="opp-detail"&gt;Contact&lt;/th&gt;
          &lt;th class="opp-detail"&gt;Email&lt;/th&gt;
          &lt;th class="opp-detail"&gt;Phone&lt;/th&gt;
        &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class="opp-detail"&gt;{{customer.Name}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.Address}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.City}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.PostCode}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.Contact}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.EMail}}&lt;/td&gt;
          &lt;td class="opp-detail"&gt;{{customer.PhoneNo}}&lt;/td&gt;
        &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>Any ideas how it should be solved? </p>

<hr>

<p>Test data:</p>

<pre><code>[{ _id: 569fa2ab011d2ddc3065b802,
Name: 'Gicom',
SearchName: 'GICOM',
Address: 'some address',
Address2: '',
City: '',
Contact: '',
PhoneNo: '123456',
FaxNo: '',
PostCode: '',
Country: '',
EMail: 'mail@test.com',
MonitoringSource: 'US',
__v: 0 },
{ _id: 569fa2ab011d2ddc3065b803,
Name: 'Mitsui',
SearchName: 'MITSUI',
Address: '',
Address2: '',
City: '',
Contact: '',
PhoneNo: '',
FaxNo: '',
PostCode: '',
Country: '',
EMail: '',
MonitoringSource: 'US',
__v: 0 },
{ _id: 569fa2ab011d2ddc3065b804,
Name: 'Icon',
SearchName: 'ICON',
Address: 'customer address',
Address2: '',
City: 'some city',
Contact: '',
PhoneNo: '789456',
FaxNo: '',
PostCode: '',
Country: '',
EMail: 'mymail@test.com',
MonitoringSource: 'US',
__v: 0 }]
</code></pre>