title: angularjs ng-repeat table with nested table element
body: <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>