J'essaye d'exécuter plusieurs ng-repeat pour pouvoir accéder à un tableau de troisième niveau dans mon json et l'afficher dans une table mais je n'arrive pas à le faire

Question

J'essaye d'imbriquer ng-repeat mais on dirait que je ne suis pas le faire correctement. J'ai besoin de tout le lineItem dans le json pour être affiché. Depuis, la valeur de json j'essaye d'afficher est un tableau de 3ème niveau, j'ai essayé imbriqué ng-repeat mais ne fonctionne pas.

<table border="1" width="100%"> 
    <tr> 
    <th>Id</th> 
    <th>materialNumber</th> 
    <th>quantity</th> 
    </tr> 
    <tbody ng-repeat="subConfig in values.subConfigs.subConfig"> 
    <tr ng-repeat="lineItem in subConfig.lineItems.lineItem"> 
     <td>{{lineItem.lineItemId}}</td> 
     <td>{{lineItem.materialNumber}}</td> 
      <td>{{lineItem.quantity}}</td> 
    </tr> 
    </tbody> 
</table> 

here is jsfiddle I tried:

Answer 1

Votre JSON n'a pas été en valeurs de format correct ne doit pas être rangée aussi vous devez changer ng-repeat="s in values.subConfigs.subConfig">-ng-repeat="s in values.configBOM.subConfigs.subConfig">

Quelque chose comme

<tbody ng-repeat="s in values.configBOM.subConfigs.subConfig"> 
    <tr ng-repeat="lineItem in s.lineItems.lineItem"> 
     <td>{{lineItem.lineItemId}}</td> 
     <td>{{lineItem.materialNumber}}</td> 
      <td>{{lineItem.quantity}}</td> 
    </tr> 
    </tbody> 

Here is working fiddle

Answer 2

C'est une erreur très mineure:

Veuillez changer votre json pour un objet au lieu d'un tableau, le format que vous avez donné est faux.

il devrait donc être:

$scope.values={} //whatever you want to write inside 

au lieu de:

$scope.value=[]; 

En second lieu alors que vous faites ng-repeat vous devez modifier cette ligne:

<tbody ng-repeat="subConfig in values.subConfigs.subConfig"> 

à:

<tbody ng-repeat="subConfig in values.configBOM.subConfigs.subConfig">