AngularJS - Insérer ng-repeat dans un autre entre deux TR

Question

Ma question est - je pense - assez simple.

J'ai une table, une classique. Dans ce tableau, je veux afficher les valeurs de deux tableaux nommés réseaux et canaux.

Chaque réseau dans réseaux pourrait contenir canaux mais pas tous. Ce que je veux, c'est afficher tous les réseaux et leurs canaux connexes .

Dans DIV ou TD à TR c'est simple, mais je ne peux pas le faire avec plusieurs TR.

Exemple:

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="channel in channels | filter: { networkId: network.networkId}">{{channel.Name}}</td> 
</tr> 

fonctionne comme un charme!

Mais je cherche chose comme ceci:

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
</tr> 
<tr ng-repeat="channel in channels | filter: { networkId: network.networkId}"> 
    <td>{{channel.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
</tr> 

Mais je sais que ce n'est pas le bon code pour le faire :)

Quelqu'un sait comment faire cela? Je ne veux pas changer le TABLE par DIV.

Cordialement!

Answer 1

Chaque ng-repeat a sa propre portée si votre réseau ne sont pas disponibles sur la deuxième répétition TR.

Si vous voulez vraiment en tenir à table, vous pouvez créer une table dans votre tr comme ceci:

<tr ng-repeat="network in networks"> 
    <td>{{network.Name}}</td> 
    <td ng-repeat="month in year">{{month.Name}}</td> 
    <td>    
     <table> 
      <tr ng-repeat="channel in channels | filter: { networkId: network.networkId}"> 
       <td>{{channel.Name}}</td> 
      </tr> 
     </table> 
    </td> 
</tr>