NG-REPEAT inside NG-REPEAT - ANGULARJS

Question

I have a multidimensional array.

To demonstrate it in my view I use an ng-repeat in a ul inside another ng-repeat in a li, thus:

<ul ng-repeat="section in sections">
  <li>
      {{section.name}}
  </li>
  <ul>
    <li ng-repeat="tutorial in section.tutorials">
          {{tutorial.name}}
    </li>
  </ul>
</ul>

How could I demonstrate these values in a table? Since it’s not possible this way:

  <tr ng-repeat="section in sections">
    <tr ng-repeat="tutorial in section.tutorials"> 
      <td>{{:: tutorial.name }}</td>
    </tr>
  </tr>

Answer 1

I ended up being able to solve using ng-repeat-start and ng-repeat-end. Follow:

<table>
  <tbody>
  <tr ng-repeat="section in sections">
    <td ng-repeat-start="tutorial in section.tutorials">{{:: tutorial.name }}</td>
    <td ng-repeat-end>{{:: tutorial.autor }}</td>
  </tr>
  </tbody>
</table>

Answer 2

try this

<tr ng-repeat="tutorial  in tutorials| filterData: 'sections'">
   <td>{{tutorial.name}}</td>
</tr>

or use tbody

<table>
  <tbody ng-repeat="section in sections">
  <tr ng-repeat="tutorial in section.tutorials">
    <td>{{:: tutorial.name }}</td>
  </tr>
  </tbody>
</table>